[ui] Drop component get from api again when the currency changes

LIQNFT · Oct 27, 2022 · f19db7b · f19db7b
1 parent 994f8b9
commit f19db7b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/core/ui/src/components/Drop/List/index.tsx b/core/ui/src/components/Drop/List/index.tsx
@@ -43,7 +43,7 @@ export const Drops: React.FC<DropsProps> = ({ candyShop, wallet, walletConnectCo
   const [keyword, setKeyword] = useState<string>();
 
   const [target, setTarget] = useState<HTMLDivElement>();
-  const [hasMore, setHasMore] = useState<boolean>(true);
+  const [hasMore, setHasMore] = useState<boolean>(false);
   const dropQueries = useRef({ offset: 0, limit: 12 });
   const prevFilterRef = useRef(filterOption);
 
@@ -168,6 +168,12 @@ export const Drops: React.FC<DropsProps> = ({ candyShop, wallet, walletConnectCo
     return () => clearTimeout(interval);
   }, [dropNfts]);
 
+  useEffect(() => {
+    dropQueries.current.offset = 0;
+    setDropNfts([]);
+    setHasMore(true);
+  }, [candyShop]);
+
   useObserver({ callbackFn: fetchDrops, triggerTargetId: 'DROP_TARGET', enable: Boolean(target && hasMore) });
 
   const onClickCard = (item: any) => () => setDropNft(item);