diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx index a2b69e209..4deca30dd 100644 --- a/src/frontend/src/pages/StorePage/components/market-card.tsx +++ b/src/frontend/src/pages/StorePage/components/market-card.tsx @@ -1,4 +1,4 @@ -import { useContext, useEffect, useRef, useState } from "react"; +import { ReactNode, useContext, useEffect, useRef, useState } from "react"; import ShadTooltip from "../../../components/ShadTooltipComponent"; import IconComponent from "../../../components/genericIconComponent"; import { Badge } from "../../../components/ui/badge"; @@ -25,6 +25,23 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => { const { addFlow } = useContext(TabsContext); const { setSuccessData, setErrorData } = useContext(alertContext); const flowData = useRef(); + const tagsPopUp = useRef(null); + + useEffect(() => { + //@ts-ignore + tagsPopUp.current = ( +
+ Tags +
+ {["teste"].map((tag) => ( + + {tag} + + ))} +
+
+ ); + }, []); useEffect(() => { setAdded(savedFlows.has(data.id) ? true : false); @@ -124,9 +141,11 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
- - text - + + + {data.tags.length > 0 ? "teste" : "-"} + +