diff --git a/hotel-management/src/pages/Room/RoomForm.tsx b/hotel-management/src/pages/Room/RoomForm.tsx index f344976..3f90f55 100644 --- a/hotel-management/src/pages/Room/RoomForm.tsx +++ b/hotel-management/src/pages/Room/RoomForm.tsx @@ -114,7 +114,7 @@ const RoomForm = ({ {...register('name', { required: REQUIRED_FIELD_ERROR, validate: { - checkValidName: (value) => isValidString(value) || INVALID_FIELD, + checkValidRoomName: (value) => isValidString(value) || INVALID_FIELD, }, onChange: () => trigger('name'), })} @@ -129,8 +129,8 @@ const RoomForm = ({ valueAsNumber: true, required: REQUIRED_FIELD_ERROR, validate: { - checkIdentifiedCode: (v) => - isValidRegex(REGEX.NUMBER, v.toString()) || INVALID_FIELD, + checkPrice: (v) => + isValidRegex(new RegExp(REGEX.NUMBER), v.toString()) || INVALID_FIELD, }, onChange: () => trigger('price'), })} @@ -145,7 +145,7 @@ const RoomForm = ({ valueAsNumber: true, required: REQUIRED_FIELD_ERROR, validate: { - checkPhoneNum: (v) => isValidDiscount(v) || INVALID_DISCOUNT, + checkDiscount: (v) => isValidDiscount(v) || INVALID_DISCOUNT, }, onChange: () => trigger('discount'), })} diff --git a/hotel-management/src/pages/User/FormUser.tsx b/hotel-management/src/pages/User/UserForm.tsx similarity index 89% rename from hotel-management/src/pages/User/FormUser.tsx rename to hotel-management/src/pages/User/UserForm.tsx index ebe47b4..80608be 100644 --- a/hotel-management/src/pages/User/FormUser.tsx +++ b/hotel-management/src/pages/User/UserForm.tsx @@ -19,9 +19,7 @@ import FormRow from '@component/LabelControl/index.tsx'; import Select, { ISelectOptions } from '@component/Select/index.tsx'; // Helpers -import { - isEmptyObj, isValidRegex, -} from '@helper/validators.ts'; +import { isEmptyObj, isValidRegex } from '@helper/validators.ts'; // Constants import { ADD_SUCCESS, EDIT_SUCCESS } from '@constant/messages.ts'; @@ -67,9 +65,7 @@ const UserForm = ({ onCloseModal, reload, setReload, user }: IUserFormProp) => { useEffect(() => { const load = async () => { const options: ISelectOptions[] = []; - const tempUser = !user - ? { roomId: 0 } - : { ...user }; + const tempUser = !user ? { roomId: 0 } : { ...user }; // Load and set default options room if (rooms.length > 0) { @@ -160,7 +156,8 @@ const UserForm = ({ onCloseModal, reload, setReload, user }: IUserFormProp) => { {...register('name', { required: REQUIRED_FIELD_ERROR, validate: { - checkValidName: (value) => isValidRegex(REGEX.NAME, value) || INVALID_FIELD, + checkValidName: (value) => + isValidRegex(new RegExp(REGEX.NAME), value) || INVALID_FIELD, }, onChange: () => trigger('name'), })} @@ -178,7 +175,8 @@ const UserForm = ({ onCloseModal, reload, setReload, user }: IUserFormProp) => { required: REQUIRED_FIELD_ERROR, validate: { checkIdentifiedCode: (v) => - isValidRegex(REGEX.NUMBER, v.toString()) || INVALID_FIELD, + isValidRegex(new RegExp(REGEX.NUMBER), v.toString()) || + INVALID_FIELD, }, onChange: () => trigger('identifiedCode'), })} @@ -192,7 +190,8 @@ const UserForm = ({ onCloseModal, reload, setReload, user }: IUserFormProp) => { {...register('phone', { required: REQUIRED_FIELD_ERROR, validate: { - checkPhoneNum: (v) => isValidRegex(REGEX.PHONE, v) || INVALID_PHONE, + checkPhoneNum: (v) => + isValidRegex(new RegExp(REGEX.PHONE), v) || INVALID_PHONE, }, onChange: () => trigger('phone'), })} @@ -217,12 +216,12 @@ const UserForm = ({ onCloseModal, reload, setReload, user }: IUserFormProp) => { - - { - !user - ? 'Add' - : 'Save' - } + + {!user ? 'Add' : 'Save'} Close diff --git a/hotel-management/src/pages/User/UserRow.tsx b/hotel-management/src/pages/User/UserRow.tsx index dc45a61..c21c3c5 100644 --- a/hotel-management/src/pages/User/UserRow.tsx +++ b/hotel-management/src/pages/User/UserRow.tsx @@ -7,7 +7,7 @@ import { IoExit } from 'react-icons/io5'; import Modal from '@component/Modal'; import Table from '@component/Table'; import Menus from '@component/Menus'; -import UserForm from './FormUser'; +import UserForm from './UserForm'; // Constants import { STATUS_CODE } from '@constant/responseStatus'; diff --git a/hotel-management/src/pages/User/TableUser.tsx b/hotel-management/src/pages/User/UserTable.tsx similarity index 100% rename from hotel-management/src/pages/User/TableUser.tsx rename to hotel-management/src/pages/User/UserTable.tsx diff --git a/hotel-management/src/pages/User/index.tsx b/hotel-management/src/pages/User/index.tsx index 86d794c..d1c9b55 100644 --- a/hotel-management/src/pages/User/index.tsx +++ b/hotel-management/src/pages/User/index.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; // Components -import UserTable from './TableUser'; +import UserTable from './UserTable'; // Styled import Button from '@commonStyle/Button'; @@ -10,13 +10,13 @@ import { StyledUser, Title } from './styled'; // Types import Modal from '@component/Modal'; -import UserForm from './FormUser'; +import UserForm from './UserForm'; // Constants import { FORM } from '@constant/commons'; const User = () => { - const ADD_ROOM = 'Add room'; + const TITLE = 'Add user'; const [reload, setReload] = useState(true); return ( @@ -32,7 +32,7 @@ const User = () => { )} /> - + diff --git a/hotel-management/tsconfig.json b/hotel-management/tsconfig.json index 5e4f195..867cbe7 100644 --- a/hotel-management/tsconfig.json +++ b/hotel-management/tsconfig.json @@ -5,7 +5,6 @@ "lib": ["ES2020", "DOM", "DOM.Iterable"], "module": "ESNext", "skipLibCheck": true, - "types": ["node"], /* Bundler mode */ "moduleResolution": "bundler",