add animation to step

This commit is contained in:
Ehsan
2024-10-11 01:16:52 +03:30
parent 854c682535
commit ddb1925fde
8 changed files with 42 additions and 42 deletions
@@ -8,7 +8,7 @@ import { Button } from "@mui/material";
import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
import FieldDate from "./FieldDate";
function Form() {
function Form({ setValue }) {
const [data, setData] = useState({
name: { value: "احسان احمدی", isEdit: false },
medical_system_number: { value: 1741025645, isEdit: false },
@@ -100,6 +100,7 @@ function Form() {
<div className="mt-[40px] w-full flex justify-end">
<Button
className="!bg-[#5559CE] !w-full md:!w-fit !shadow-none !rounded-[4px] !gap-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
onClick={() => setValue((prev) => prev + 1)}
variant="contained"
>
ثبت اطلاعات
@@ -1,11 +1,11 @@
import Form from "./form/Form";
import Form from "./form";
import Head from "./Head";
function GeneralInformation() {
function GeneralInformation({ setValue }) {
return (
<div className="opacity-page pb-[24px]">
<Head />
<Form />
<Form setValue={setValue} />
</div>
);
}
@@ -2,13 +2,14 @@ import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
import { Button } from "@mui/material";
import Form from "./Form";
function OfficeInformation() {
function OfficeInformation({ setValue }) {
return (
<div className="opacity-page pb-[24px]">
<Form />
<div className="mt-[40px] w-full flex justify-end">
<Button
className="!bg-[#5559CE] !w-full md:!w-fit !shadow-none !rounded-[4px] !gap-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
onClick={() => setValue((prev) => prev + 1)}
variant="contained"
>
ثبت اطلاعات