add loader when automatic fetching

gallery-so · Apr 25, 2024 · 29e077d · 29e077d
1 parent 58ad5c3
commit 29e077d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/web/src/components/NftSelector/NftSelectorView.tsx b/apps/web/src/components/NftSelector/NftSelectorView.tsx
@@ -22,6 +22,7 @@ import {
   NftSelectorCollectionGroup,
 } from './groupNftSelectorCollectionsByAddress';
 import { NftSelectorContractType } from './NftSelector';
+import { NftSelectorLoadingView } from './NftSelectorLoadingView';
 import { NftSelectorTokenPreview } from './NftSelectorTokenPreview';
 
 type Props = {
@@ -109,6 +110,8 @@ export function NftSelectorView({
     tokenRefs: tokens,
   });
 
+  const { isLocked } = useSyncTokens();
+
   const virtualizedListRef = useRef<List | null>(null);
   const viewRef = useRef<HTMLDivElement>(null);
 
@@ -222,6 +225,10 @@ export function NftSelectorView({
     [columnCount, onSelectContract, onSelectToken, rows, selectedContractAddress]
   );
 
+  if (isLocked) {
+    return <NftSelectorLoadingView />;
+  }
+
   if (!rows.length && !hasSearchKeyword) {
     return (
       <StyledWrapper>