/
dropdead
/
frontend_trainee
Обзор
Документация
Войти
/
dropdead
/
frontend_trainee
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/CreateAdButton.tsx
35 строк
873 B
Ivan
feat: responsive, styles, bugs fix
12 сен 2024, 14:14
12 сен 2024, 14:14
4e9575c
Код
Авторство
О чём код?
import { useState } from 'react'; import { Button } from '@mui/material'; import CreateAdModal from '@/components/CreateAdModal'; import useResponsiveStyles from '@/theme/useResponsiveStyles'; const CreateAdButton = () => { const styles = useResponsiveStyles(); const [isOpenModal, setIsOpenModal] = useState(false); const handleOpen = () => setIsOpenModal(true); const handleClose = () => setIsOpenModal(false); return ( <> <Button onClick={handleOpen} variant="contained" color="primary" sx={{ ...styles.smallButton, ...styles.mediumButton, ...styles.largeButton, }} > Добавить объявление </Button> <CreateAdModal isOpen={isOpenModal} handleClose={handleClose} /> </> ); }; export default CreateAdButton;