/
githubmirror
/
browser-extension
Обзор
Документация
Войти
/
githubmirror
/
browser-extension
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/common/App.tsx
39 строк
1 KB
Chris Hayes
🎉 feat(App.tsx): add OptionsDropdown component
08 апр 2023, 10:38
08 апр 2023, 10:38
79cf936
Код
Авторство
О чём код?
import { Box, ChakraProvider, Heading, HStack } from '@chakra-ui/react'; import React from 'react'; import { useAppState } from '../state/store'; import ModelDropdown from './ModelDropdown'; import SetAPIKey from './SetAPIKey'; import TaskUI from './TaskUI'; import OptionsDropdown from './OptionsDropdown'; import logo from '../assets/img/icon-128.png'; const App = () => { const openAIKey = useAppState((state) => state.settings.openAIKey); return ( <ChakraProvider> <Box p="8" fontSize="lg" w="full"> <HStack mb={4} alignItems="center"> <img src={logo} width={32} height={32} className="App-logo" alt="logo" /> <Heading as="h1" size="lg" flex={1}> Taxy AI </Heading> <HStack spacing={2}> <ModelDropdown /> <OptionsDropdown /> </HStack> </HStack> {openAIKey ? <TaskUI /> : <SetAPIKey />} </Box> </ChakraProvider> ); }; export default App;