Fix bookmarked tools retrieval

This commit is contained in:
Yihao Wang
2025-07-14 00:11:17 +12:00
parent 0d3a17a923
commit 989aa7958e
2 changed files with 28 additions and 11 deletions

View File

@@ -147,13 +147,22 @@ export default function Hero() {
component="li"
{...props}
onClick={() => navigate('/' + option.path)}
>
<Stack
direction={'row'}
alignItems={'center'}
justifyContent={'stretch'}
width={'100%'}
>
<Stack direction={'row'} spacing={2} alignItems={'center'}>
<Icon fontSize={20} icon={option.icon} />
<Box>
<Typography fontWeight={'bold'}>{option.name}</Typography>
<Typography fontSize={12}>{option.shortDescription}</Typography>
<Typography fontSize={12}>
{option.shortDescription}
</Typography>
</Box>
</Stack>
<Icon
fontSize={20}
onClick={(e) => {

View File

@@ -3,7 +3,12 @@ import { DefinedTool } from '@tools/defineTool';
const bookmarkedToolsKey = 'bookmarkedTools';
export function getBookmarkedToolPaths(): string[] {
return localStorage.getItem(bookmarkedToolsKey)?.split(',') ?? [];
return (
localStorage
.getItem(bookmarkedToolsKey)
?.split(',')
?.filter((path) => path) ?? []
);
}
export function isBookmarked(tool: DefinedTool): boolean {
@@ -21,12 +26,15 @@ export function toggleBookmarked(tool: DefinedTool) {
function bookmark(tool: DefinedTool) {
localStorage.setItem(
bookmarkedToolsKey,
tool.path + ',' + (localStorage.getItem(bookmarkedToolsKey) ?? '')
[tool.path, ...getBookmarkedToolPaths()].join(',')
);
}
function unbookmark(tool: DefinedTool) {
const bookmarked = localStorage.getItem(bookmarkedToolsKey)?.split(',') ?? [];
const unbookmarked = bookmarked.filter((path) => path != tool.path);
localStorage.setItem(bookmarkedToolsKey, unbookmarked.join(','));
localStorage.setItem(
bookmarkedToolsKey,
getBookmarkedToolPaths()
.filter((path) => path !== tool.path)
.join(',')
);
}