From 63b220bd7919d54b4e607973af7a2c76958db813 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Tue, 1 Apr 2025 18:29:27 +0200
Subject: [PATCH] Add Badge to Search Results to show number of results

---
 tranga-website/src/App.tsx               | 3 ++-
 tranga-website/src/Components/Search.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/tranga-website/src/App.tsx b/tranga-website/src/App.tsx
index 6780d5c..d3ec72f 100644
--- a/tranga-website/src/App.tsx
+++ b/tranga-website/src/App.tsx
@@ -25,8 +25,9 @@ export default function App () {
                     <Button onClick={() => setShowSearch(true)}>Search</Button>
                 </Header>
                 <Settings open={showSettings} setOpen={setShowSettings} setApiUri={setApiUri} setConnected={setApiConnected} />
+                <Search open={showSearch} setOpen={setShowSearch} />
                 <Sheet className={"app-content"}>
-                    <Search open={showSearch} setOpen={setShowSearch} />
+
                 </Sheet>
             </Sheet>
         </ApiUriContext.Provider>
diff --git a/tranga-website/src/Components/Search.tsx b/tranga-website/src/Components/Search.tsx
index 0e8a81d..070b05f 100644
--- a/tranga-website/src/Components/Search.tsx
+++ b/tranga-website/src/Components/Search.tsx
@@ -140,7 +140,7 @@ export default function Search({open, setOpen}:{open:boolean, setOpen:React.Disp
                     <StepIndicator variant="solid" color="primary">
                         3
                     </StepIndicator>}>
-                    <Typography>Results</Typography>
+                    <Typography endDecorator={<Chip size={"sm"} color={"primary"}>{results.length}</Chip>}>Results</Typography>
                     <Skeleton loading={resultsLoading}>
                         <Stack direction={"row"} spacing={1}>
                             {results.map((result) =>