partial: customer page css migration

This commit is contained in:
Rafael Taranto 2025-05-05 14:43:58 +01:00
parent 926b7e6933
commit d7b2e12f94
48 changed files with 524 additions and 2183 deletions

View file

@ -1,4 +1,3 @@
import { makeStyles } from '@mui/styles'
import { Form, Formik, Field } from 'formik'
import { React } from 'react'
import ErrorMessage from 'src/components/ErrorMessage'
@ -8,10 +7,6 @@ import * as Yup from 'yup'
import { Button } from 'src/components/buttons'
import { TextInput } from 'src/components/inputs/formik'
import styles from './NewNoteModal.styles'
const useStyles = makeStyles(styles)
const initialValues = {
title: '',
content: ''
@ -23,8 +18,6 @@ const validationSchema = Yup.object().shape({
})
const NewNoteModal = ({ showModal, onClose, onSubmit, errorMsg }) => {
const classes = useStyles()
return (
<>
<Modal
@ -42,7 +35,7 @@ const NewNoteModal = ({ showModal, onClose, onSubmit, errorMsg }) => {
onSubmit={({ title, content }) => {
onSubmit({ title, content })
}}>
<Form id="note-form" className={classes.form}>
<Form id="note-form" className="flex flex-col h-full gap-5">
<Field
name="title"
autofocus
@ -62,9 +55,12 @@ const NewNoteModal = ({ showModal, onClose, onSubmit, errorMsg }) => {
rows={11}
label="Note content"
/>
<div className={classes.footer}>
<div className="flex flex-row mt-auto mb-6">
{errorMsg && <ErrorMessage>{errorMsg}</ErrorMessage>}
<Button type="submit" form="note-form" className={classes.submit}>
<Button
type="submit"
form="note-form"
className="mt-auto ml-auto">
Add note
</Button>
</div>