glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-04-19 14:53:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Badge to Search Results to show number of results

Browse Source
This commit is contained in:
glax 2025-04-01 18:29:27 +02:00
parent d480f62e51
commit 63b220bd79
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tranga-website/src/App.tsx
View File

@ -25,8 +25,9 @@ export default function App () {
<Button onClick={() => setShowSearch(true)}>Search</Button> <Button onClick={() => setShowSearch(true)}>Search</Button>
</Header> </Header>
<Settings open={showSettings} setOpen={setShowSettings} setApiUri={setApiUri} setConnected={setApiConnected} /> <Settings open={showSettings} setOpen={setShowSettings} setApiUri={setApiUri} setConnected={setApiConnected} />
<Sheet className={"app-content"}>
<Search open={showSearch} setOpen={setShowSearch} /> <Search open={showSearch} setOpen={setShowSearch} />
<Sheet className={"app-content"}>
</Sheet> </Sheet>
</Sheet> </Sheet>
</ApiUriContext.Provider> </ApiUriContext.Provider>

2
tranga-website/src/Components/Search.tsx
View File

@ -140,7 +140,7 @@ export default function Search({open, setOpen}:{open:boolean, setOpen:React.Disp
<StepIndicator variant="solid" color="primary"> <StepIndicator variant="solid" color="primary">
3 3
</StepIndicator>}> </StepIndicator>}>
<Typography>Results</Typography> <Typography endDecorator={<Chip size={"sm"} color={"primary"}>{results.length}</Chip>}>Results</Typography>
<Skeleton loading={resultsLoading}> <Skeleton loading={resultsLoading}>
<Stack direction={"row"} spacing={1}> <Stack direction={"row"} spacing={1}>
{results.map((result) => {results.map((result) =>