mazyar/tm_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor (forms): add form footer buttons

Browse Source
This commit is contained in:
AmirReza Jamali
2025-09-20 19:53:03 +03:30
parent 2f1229202a
commit 28d4a11005
3 changed files with 7 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/forms/admins/CreateAdmin.tsx
+4 -17
View File
@@ -1,10 +1,11 @@
"use client";
import InputGroup from "@/components/FormElements/InputGroup";
import { ShowcaseSection } from "@/components/Layouts/showcase-section";
import useCreateAdminPresenter from "./useCreateAdminPresenter";
import FormFooter from "@/components/ui/FormFooter";
import { FormErrorMessages } from "@/constants/Texts";
import { ICreateAdminCredentials } from "@/lib/api";
import { FC, useEffect } from "react";
import { FC } from "react";
import useCreateAdminPresenter from "./useCreateAdminPresenter";
interface IProps {
editMode?: boolean;
defaultValues?: ICreateAdminCredentials;
@@ -234,21 +235,7 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
)}
</div>
<div className="col-span-2 flex gap-6">
<button
type="submit"
className="mt-6 flex w-fit justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
>
Submit
</button>
<button
type="button"
onClick={router.back}
className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
>
Opt out
</button>
</div>
<FormFooter />
</ShowcaseSection>
</div>
</form>
src/components/forms/companies/CreateCompany.tsx
+1 -19
View File
@@ -528,25 +528,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
</div>
<FormFooter />
{/* <div className="col-span-2 flex gap-6">
<button
type="submit"
className="mt-6 flex w-fit items-center justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
>
{isMutating ? (
<div className="h-5 w-5 animate-spin rounded-full border-b-2 border-gray-1"></div>
) : (
"Submit"
)}
</button>
<button
type="button"
onClick={router.back}
className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
>
Opt out
</button>
</div> */}
</form>
);
};
src/components/forms/customers/CreateCustomer.tsx
+2 -15
View File
@@ -5,6 +5,7 @@ import InputGroup from "@/components/FormElements/InputGroup";
import MultiSelect from "@/components/FormElements/MultiSelect";
import { Select } from "@/components/FormElements/select";
import { ShowcaseSection } from "@/components/Layouts/showcase-section";
import FormFooter from "@/components/ui/FormFooter";
import { FormErrorMessages } from "@/constants/Texts";
import { CreateCustomerCredentials } from "@/lib/api";
import useCreateCustomerPresenter from "./useCreateCustomerPresenter";
@@ -203,21 +204,7 @@ const CreateCustomer = ({ defaultValues, editMode, id }: IProps) => {
)}
</div>
<div className="col-span-2 flex gap-6">
<button
type="submit"
className="mt-6 flex w-fit justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
>
Submit
</button>
<button
type="button"
onClick={router.back}
className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
>
Opt out
</button>
</div>
<FormFooter />
</ShowcaseSection>
</form>
);