chore(apps/staking): Refactoring

cartesi · Dec 4, 2024 · f468e6e · f468e6e
1 parent de296e0
commit f468e6e
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/apps/staking/src/pages/blocks/[[...block]].tsx b/apps/staking/src/pages/blocks/[[...block]].tsx
@@ -123,8 +123,7 @@ const Blocks: FC<BlocksProps> = ({ chainId }) => {
     // TODO: use blockId
     blockId = blockId && blockId.length > 0 ? (blockId[0] as string) : '';
 
-    const [searchKey, setSearchKey] = useState<string>(blockId);
-    const [debouncedSearchKey, setDebouncedSearchKey] = useState(searchKey);
+    const [debouncedSearchKey, setDebouncedSearchKey] = useState(blockId);
 
     // list of all blocks, unfiltered
     const all = useBlocks(undefined, 20);
@@ -155,7 +154,6 @@ const Blocks: FC<BlocksProps> = ({ chainId }) => {
                     onSearchChange={(e) => {
                         const nextValue = e.target.value;
                         debounced(nextValue);
-                        setSearchKey(nextValue);
                     }}
                 />
             </PageHeader>
@@ -164,7 +162,7 @@ const Blocks: FC<BlocksProps> = ({ chainId }) => {
                 <BlocksChart result={all} />
             </HStack>
 
-            {!searchKey && (
+            {!debouncedSearchKey && (
                 <BlockList
                     chainId={chainId}
                     result={all}
@@ -178,7 +176,7 @@ const Blocks: FC<BlocksProps> = ({ chainId }) => {
                 chainId={chainId}
                 result={byProducer}
                 filterField="producer"
-                filterValue={searchKey}
+                filterValue={debouncedSearchKey}
                 w="100%"
                 px="6vw"
                 py="5"
@@ -188,7 +186,7 @@ const Blocks: FC<BlocksProps> = ({ chainId }) => {
                 chainId={chainId}
                 result={byNode}
                 filterField="node"
-                filterValue={searchKey}
+                filterValue={debouncedSearchKey}
                 w="100%"
                 px="6vw"
                 py="5"