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 ? (