md.asif5/osaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: streamline layout and error handling in CabinetCreation component

Browse Source
This commit is contained in:
Md Asif 2024-12-24 01:06:10 +05:30
parent 27f4597348
commit 03c4988ff1
1 changed files with 89 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/CabinetCreation.jsx
View File

@ -36,7 +36,6 @@ function CabinetCreation() {
}); });
}; };
return ( return (
<motion.div className="w-full h-fit" initial={{ scale: 0.9 }} animate={{ scale: 1 }} exit={{ scale: 0 }}>
<FormBox title={t("cabinetCreation")}> <FormBox title={t("cabinetCreation")}>
<div className="p-2 pt-7 flex flex-col gap-4"> <div className="p-2 pt-7 flex flex-col gap-4">
<div className="flex"> <div className="flex">
@ -63,9 +62,9 @@ function CabinetCreation() {
{!cabinetId.valid && ( {!cabinetId.valid && (
<motion.div <motion.div
className="w-1/5 text-sm text-error ml-3 pt-1" className="w-1/5 text-sm text-error ml-3 pt-1"
initial={{ opacity: 0,scale: 0 }} initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1,scale: 1 }} animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0,scale: 0 }} exit={{ opacity: 0, scale: 0 }}
key="cabinetIdError" key="cabinetIdError"
> >
Invalid Cabinet Id Invalid Cabinet Id
@ -95,9 +94,7 @@ function CabinetCreation() {
maxLength={6} maxLength={6}
/> />
{!cabinetKeyId.valid && ( {!cabinetKeyId.valid && (
<div className="text-sm text-error ml-3 pt-1"> <div className="text-sm text-error ml-3 pt-1">Invalid Key Id</div>
Invalid Key Id
</div>
)} )}
</div> </div>
</div> </div>
@ -132,7 +129,6 @@ function CabinetCreation() {
}} }}
/> />
</FormBox> </FormBox>
</motion.div>
); );
} }