/
githubmirror
/
browser-extension
Обзор
Документация
Войти
/
githubmirror
/
browser-extension
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/common/OptionsDropdown.tsx
42 строки
900 B
Chris Hayes
🎉 feat(App.tsx): add OptionsDropdown component
08 апр 2023, 10:38
08 апр 2023, 10:38
79cf936
Код
Авторство
О чём код?
import { RepeatIcon, SettingsIcon } from '@chakra-ui/icons'; import { IconButton, Menu, MenuButton, MenuItem, MenuList, } from '@chakra-ui/react'; import React from 'react'; import { useAppState } from '../state/store'; const OptionsDropdown = () => { const { openAIKey, updateSettings } = useAppState((state) => ({ openAIKey: state.settings.openAIKey, updateSettings: state.settings.actions.update, })); if (!openAIKey) return null; return ( <Menu> <MenuButton as={IconButton} aria-label="Options" icon={<SettingsIcon />} variant="outline" /> <MenuList> <MenuItem icon={<RepeatIcon />} onClick={() => { updateSettings({ openAIKey: '' }); }} > Reset API Key </MenuItem> </MenuList> </Menu> ); }; export default OptionsDropdown;