diff --git a/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/FeedEmbed.tsx b/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/FeedEmbed.tsx index d5ad1e216a7c..487d75eca59b 100644 --- a/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/FeedEmbed.tsx +++ b/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/FeedEmbed.tsx @@ -88,8 +88,7 @@ const FeedEmbed: FC = ({ }) => { const { address } = useAccount(); const { selectedNftOaCurrency } = useNftOaCurrencyStore(); - const { selectedQuantity, setShowOpenActionModal, showOpenActionModal } = - useNftOpenActionStore(); + const { selectedQuantity, setShowOpenActionModal } = useNftOpenActionStore(); const [nft, setNft] = useState({ chain: og.nft?.chain || null, @@ -199,8 +198,20 @@ const FeedEmbed: FC = ({ ] }); - const actionData = actionDataResponse?.data; - const dataType = actionDataResponse?.type; + const [actionData, setActionData] = useState(actionDataResponse?.data); + const [dataType, setDataType] = useState(actionDataResponse?.type); + + useEffect(() => { + if (actionDataResponse?.data) { + setActionData(actionDataResponse?.data); + } + }, [actionDataResponse?.data]); + + useEffect(() => { + if (actionDataResponse?.type) { + setDataType(actionDataResponse?.type); + } + }, [actionDataResponse?.type]); useEffect(() => { refetch(); @@ -273,7 +284,7 @@ const FeedEmbed: FC = ({ ) : null} - {Boolean(actionData) && dataType === ActionDataResponseType.FULL ? ( + {dataType === ActionDataResponseType.FULL ? ( { - const { selectedQuantity, setSelectedQuantity } = useNftOpenActionStore(); + const { selectedQuantity, setSelectedQuantity, setShowOpenActionModal } = + useNftOpenActionStore(); return (
@@ -17,6 +18,7 @@ const QuantityConfig: FC = () => { disabled={selectedQuantity === 1} onClick={(e) => { stopEventPropagation(e); + setShowOpenActionModal(true); setSelectedQuantity(selectedQuantity - 1); }} > @@ -27,6 +29,7 @@ const QuantityConfig: FC = () => { className="flex size-6 items-center justify-center rounded-full bg-gray-200 disabled:opacity-40" onClick={(e) => { stopEventPropagation(e); + setShowOpenActionModal(true); setSelectedQuantity(selectedQuantity + 1); }} >