steffo/todocolors
steffo/todocolors
1
Fork 0
mirror of https://github.com/Steffo99/todocolors.git synced 2024-11-22 00:04:18 +00:00
Code Activity

Add toggleStarred callback to StarredProvider

Browse source
This commit is contained in:
Steffo 2023-08-09 04:32:25 +02:00
parent 506a27e989
commit 0d731c6d5a
Signed by: steffo
GPG key ID: 2A24051445686895
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
todoblue/src/app/[lang]/(layout)/(contextStarred)/StarredContextData.ts
View file

@ -6,5 +6,6 @@ export interface StarredContextData {
setStarred: Dispatch<SetStateAction<string[] | undefined>>
addStarred: (key: string) => void,
removeStarred: (key: string) => void,
toggleStarred: (key: string) => boolean,
isStarred: (key: string) => boolean,
}

19
todoblue/src/app/[lang]/(layout)/(contextStarred)/StarredProvider.tsx
View file

@ -32,12 +32,29 @@ export function StarredProvider({children}: {children: ReactNode}) {
})
}, [])
const toggleStarred = useCallback((value: string) => {
setStarred(prev => {
if(!prev) {
return [value]
}
const result = [...prev]
const index = result.indexOf(value)
if(!index) {
result.push(value)
}
else {
result.splice(index, 1)
}
return result
})
}, [])
const isStarred = useCallback((value: string) => {
return starred.indexOf(value) >= 0
}, [starred])
return (
<StarredContext.Provider value={{starred, setStarred, addStarred, removeStarred, isStarred}}>
<StarredContext.Provider value={{starred, setStarred, addStarred, removeStarred, toggleStarred, isStarred}}>
{children}
</StarredContext.Provider>
)