diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index ced232517..a2b69e209 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -125,11 +125,7 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
- chain
-
+ text
diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx
index 2297ec0c1..3c679f31c 100644
--- a/src/frontend/src/pages/StorePage/index.tsx
+++ b/src/frontend/src/pages/StorePage/index.tsx
@@ -1,5 +1,5 @@
import { cloneDeep } from "lodash";
-import { Link, Search } from "lucide-react";
+import { Search } from "lucide-react";
import { useContext, useEffect, useState } from "react";
import PaginatorComponent from "../../components/PaginatorComponent";
import IconComponent from "../../components/genericIconComponent";
@@ -47,6 +47,7 @@ export default function StorePage(): JSX.Element {
const [index, setPageIndex] = useState(1);
const [errorApiKey, setErrorApiKey] = useState(false);
const { setSavedFlows } = useContext(StoreContext);
+ const [tags, setTags] = useState([]);
async function getSavedComponents() {
setLoading(true);
@@ -58,6 +59,11 @@ export default function StorePage(): JSX.Element {
setSavedFlows(savedIds);
}
+ useEffect(() => {
+ //TODO get tags from API
+ setTags(["tag1", "tag2", "tag3"]);
+ }, []);
+
useEffect(() => {
getNumberOfComponents().then((res) => {
setTotalRowsCount(Number(res["count"]));
@@ -208,36 +214,33 @@ export default function StorePage(): JSX.Element {
{!loading &&
- Array.from(new Set(searchData.map((i) => i.is_component))).map(
- (i, idx) => (
- {
- filteredCategories.has(i)
- ? setFilteredCategories((old) => {
- let newFilteredCategories = cloneDeep(old);
- newFilteredCategories.delete(i);
- return newFilteredCategories;
- })
- : setFilteredCategories((old) => {
- let newFilteredCategories = cloneDeep(old);
- newFilteredCategories.add(i);
- return newFilteredCategories;
- });
- }}
- variant="gray"
- size="md"
- className={cn(
- "cursor-pointer border-none",
- filteredCategories.has(i)
- ? "bg-beta-foreground text-background hover:bg-beta-foreground"
- : ""
- )}
- >
-
- {i}
-
- )
- )}
+ tags.map((i, idx) => (
+ {
+ filteredCategories.has(i)
+ ? setFilteredCategories((old) => {
+ let newFilteredCategories = cloneDeep(old);
+ newFilteredCategories.delete(i);
+ return newFilteredCategories;
+ })
+ : setFilteredCategories((old) => {
+ let newFilteredCategories = cloneDeep(old);
+ newFilteredCategories.add(i);
+ return newFilteredCategories;
+ });
+ }}
+ variant="gray"
+ size="md"
+ className={cn(
+ "cursor-pointer border-none",
+ filteredCategories.has(i)
+ ? "bg-beta-foreground text-background hover:bg-beta-foreground"
+ : ""
+ )}
+ >
+ {i}
+
+ ))}
{loading ? (