Merge pull request #48 from near/develop

Use contentProps to pass global tag filtering
near · Apr 23, 2024 · 1347607 · 1347607
2 parents 061f52e + f10e7cc
commit 1347607
Show file tree

Hide file tree

Showing 4 changed files with 73 additions and 64 deletions.
diff --git a/nexus/components/README.md b/nexus/components/README.md
@@ -1,3 +1,3 @@
 # AGI Guild Resource Portal (Nexus)
 
-A portal that showcases Open Source AI Apps and Agents from across ecosystems.
+A portal that showcases Open Source AI Apps and Agents from across ecosystems.
diff --git a/nexus/components/src/AI/Agent/AgentEntityConfig.jsx b/nexus/components/src/AI/Agent/AgentEntityConfig.jsx
@@ -27,12 +27,14 @@ return (
   <Widget
     src="${REPL_ACCOUNT}/widget/Entities.Template.GenericEntityConfig"
     props={{
-      namespace: "near",
+      namespace: props.namespace,
       entityType: "agent",
       title: "Agent",
       schemaFile: "${REPL_ACCOUNT}/widget/AI.Schema.Agent",
       renderItem,
-      homeLink: "${REPL_ACCOUNT}/widget/AI.Nexus",
+      homeLink: props.homeLink,
+      globalTagFilter: props.globalTagFilter,
+      setGlobalTagFilter: props.setGlobalTagFilter,
     }}
   />
 );
diff --git a/nexus/components/src/AI/Nexus.jsx b/nexus/components/src/AI/Nexus.jsx
@@ -67,6 +67,12 @@ const content = {
     );
   },
   subGroups: (groupName, group) => {
+    const contentProps = {
+      namespace: "near",
+      homeLink: "${REPL_ACCOUNT}/widget/AI.Nexus",
+      globalTagFilter,
+      setGlobalTagFilter: (value) => setGlobalTagFilter(value),
+    };
     return (
       <div>
         <h4 style={{ textAlign: "left" }}>{group.title}</h4>
@@ -81,11 +87,13 @@ const content = {
               group.defaultValue ||
               group.items[0].value,
             onValueChange: (value) => {
+              setGlobalTagFilter(null);
               const newTabs = { ...activeTabs };
               newTabs[groupName] = value;
               setActiveTabs(newTabs);
             },
             items: group.items,
+            contentProps,
           }}
         />
       </div>
@@ -112,6 +120,7 @@ const renderContent = () => {
 };
 
 const handleMenuClick = (value) => {
+  setGlobalTagFilter(null);
   setActiveGroup(value);
 };
 
@@ -148,11 +157,11 @@ const handleTagClick = (tag) => {
     return;
   }
   Storage.set("global-tag-filter", [tag.tag]);
-  setGlobalTagFilter([tag.tag]);
+  setGlobalTagFilter([tag]);
   setActiveTabs((prev) => {
     return { ...prev, [category]: subType };
   });
-  handleMenuClick(category);
+  setActiveGroup(category);
 };
 return (
   <div className="gateway-page-container">
@@ -167,7 +176,11 @@ return (
             additionalContent: (
               <Widget
                 src="${REPL_ACCOUNT}/widget/Entities.Template.Forms.TagCloud"
-                props={{ namespace: "near", onSelect: handleTagClick }}
+                props={{
+                  namespace: "near",
+                  onSelect: handleTagClick,
+                  initialTags: globalTagFilter,
+                }}
               />
             ),
           }}