fix: fixing the modal close (#4922)

heyverse · May 17, 2024 · 4b9b7e3 · 4b9b7e3 · vercel · May 17, 2024
1 parent 6825631
commit 4b9b7e3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git 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<FeedEmbedProps> = ({
 }) => {
   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<FeedEmbedProps> = ({
     ]
   });
 
-  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<FeedEmbedProps> = ({
           <DecentOpenActionShimmer />
         ) : null}
       </Card>
-      {Boolean(actionData) && dataType === ActionDataResponseType.FULL ? (
+      {dataType === ActionDataResponseType.FULL ? (
         <DecentOpenActionModule
           actionData={actionData as ActionData}
           module={module as UnknownOpenActionModuleSettings}

diff --git a/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/QuantityConfig.tsx b/apps/web/src/components/Publication/OpenAction/UnknownModule/Decent/QuantityConfig.tsx
@@ -6,7 +6,8 @@ import stopEventPropagation from '@hey/helpers/stopEventPropagation';
 import { useNftOpenActionStore } from './FeedEmbed';
 
 const QuantityConfig: FC = () => {
-  const { selectedQuantity, setSelectedQuantity } = useNftOpenActionStore();
+  const { selectedQuantity, setSelectedQuantity, setShowOpenActionModal } =
+    useNftOpenActionStore();
 
   return (
     <div className="flex items-center justify-between border-y border-zinc-200 px-5 py-4">
@@ -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);
           }}
         >