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

Fix results null

Browse Source
This commit is contained in:
glax 2025-05-18 22:42:52 +02:00
parent 5c5f810127
commit a59920f09d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,7 +44,7 @@ export default function Search({open, setOpen}:{open:boolean, setOpen:React.Disp
GetAllConnectors(apiUri).then(setMangaConnectors).finally(() => setMangaConnectorsLoading(false)); GetAllConnectors(apiUri).then(setMangaConnectors).finally(() => setMangaConnectorsLoading(false));
}, [apiUri]); }, [apiUri]);
const [results, setResults] = useState<IManga[]>([]); const [results, setResults] = useState<IManga[]|undefined>([]);
const [resultsLoading, setResultsLoading] = useState<boolean>(false); const [resultsLoading, setResultsLoading] = useState<boolean>(false);
const StartSearch = useCallback((mangaConnector : IMangaConnector | undefined, value: string)=>{ const StartSearch = useCallback((mangaConnector : IMangaConnector | undefined, value: string)=>{
@ -143,10 +143,10 @@ export default function Search({open, setOpen}:{open:boolean, setOpen:React.Disp
<StepIndicator variant={step==3?"solid":"outlined"} color="primary"> <StepIndicator variant={step==3?"solid":"outlined"} color="primary">
3 3
</StepIndicator>}> </StepIndicator>}>
<Typography endDecorator={<Chip size={"sm"} color={"primary"}>{results.length}</Chip>}>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} flexWrap={"wrap"}> <Stack direction={"row"} spacing={1} flexWrap={"wrap"}>
{results.map((result) => {results?.map((result) =>
<Manga key={result.mangaId} manga={result}> <Manga key={result.mangaId} manga={result}>
<Select <Select
placeholder={"Select Library"} placeholder={"Select Library"}