From 7f24e1afee97bafbd0a07b05c1881b58e8e5ed7c Mon Sep 17 00:00:00 2001 From: Dima Rifai <dima.rifai@gmail.com> Date: Thu, 23 Jan 2025 12:49:42 +0200 Subject: [PATCH] Issue #433 - Use NoResult component --- .../searchesResults/BlockSearchResults.tsx | 31 ++++++++++--------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/components/home/searches/searchesResults/BlockSearchResults.tsx b/components/home/searches/searchesResults/BlockSearchResults.tsx index b3b5348d..460d34f8 100644 --- a/components/home/searches/searchesResults/BlockSearchResults.tsx +++ b/components/home/searches/searchesResults/BlockSearchResults.tsx @@ -5,6 +5,7 @@ import useBlockSearch from "@/hooks/api/homePage/useBlockSearch"; import useOperationsTypes from "@/hooks/api/common/useOperationsTypes"; import ErrorPage from "@/pages/ErrorPage"; import { getBlockPageLink } from "../utils/blockSearchHelpers"; +import NoResults from "@/components/NoResults"; const BlockSearchResults = () => { const { blockSearchProps } = useSearchesContext(); @@ -22,26 +23,26 @@ const BlockSearchResults = () => { if (!blockSearchData) return; return ( - <div className="bg-theme dark:bg-theme p-2 md: h-fit rounded"> - <div className="text-center">Results:</div> - <div className="flex flex-wrap"> + <div className="bg-theme dark:bg-theme p-2 md:h-fit rounded"> + {blockSearchData.total_blocks > 0 ? ( - blockSearchData.blocks_result.map(({ block_num }) => ( - <Link - key={block_num} - href={blockPageLink(block_num)} - > - <div className="m-1 border border-solid p-1">{block_num}</div> - </Link> - )) + <> + <div className="text-center">Results:</div> + <div className="flex flex-wrap"> + {blockSearchData.blocks_result.map(({ block_num }) => ( + <Link key={block_num} href={blockPageLink(block_num)}> + <div className="m-1 border border-solid p-1">{block_num}</div> + </Link> + ))} + </div> + </> ) : ( - <div className="flex justify-center w-full"> - No blocks matching given criteria - </div> + <NoResults /> )} </div> - </div> + ); + }; export default BlockSearchResults; -- GitLab