/
Korablik
/
Developer
Обзор
Документация
Войти
/
Korablik
/
Developer
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/BookmarkIcon.tsx
25 строк
554 B
Korablevsky
LocalStorage
22 фев 2024, 14:15
22 фев 2024, 14:15
3bd4da4
Код
Авторство
О чём код?
import { BookmarkFilledIcon } from '@radix-ui/react-icons' import { useBookmarksContext } from '../lib/hooks' type BookmarkIconProps = { id: number } export default function BookmarkIcon({ id }: BookmarkIconProps) { const { bookmarkedIds, handleToggleBookmark } = useBookmarksContext() return ( <button onClick={e => { handleToggleBookmark(id) e.stopPropagation() e.preventDefault() }} className='bookmark-btn' > <BookmarkFilledIcon className={`${bookmarkedIds.includes(id) ? 'filled' : ''}`} /> </button> ) }