diff --git a/src/app/globals.css b/src/app/globals.css index 5d4ceb42..2bc1b769 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -36,7 +36,7 @@ html { } *::-webkit-scrollbar { - width: 4px; + width: 12px; } *::-webkit-scrollbar-thumb { diff --git a/src/components/modals/ProjectFormModal.tsx b/src/components/modals/ProjectFormModal.tsx index a6471c6e..7e1f386a 100644 --- a/src/components/modals/ProjectFormModal.tsx +++ b/src/components/modals/ProjectFormModal.tsx @@ -1,47 +1,49 @@ -'use client'; +"use client"; -import { projectsTags } from '@/consts/projectsTags'; -import { OpenFormModalWrapper } from '@/hocs/OpenFormModalWrapper'; -import { useProjectMutation } from '@/hooks/useProjectMutation'; -import { useGetCompaniesQuery } from '@/queries/getCompanies'; -import { useModalStore } from '@/stores/useModalStore'; -import { Product } from '@/types/Product'; -import { Button } from '@/ui/Button'; -import { CheckboxesGroup } from '@/ui/CheckboxesGroup'; -import { TextInput } from '@/ui/TextInput'; +import { projectsTags } from "@/consts/projectsTags"; +import { OpenFormModalWrapper } from "@/hocs/OpenFormModalWrapper"; +import { useProjectMutation } from "@/hooks/useProjectMutation"; +import { useGetCompaniesQuery } from "@/queries/getCompanies"; +import { useModalStore } from "@/stores/useModalStore"; +import { Product } from "@/types/Product"; +import { Button } from "@/ui/Button"; +import { CheckboxesGroup } from "@/ui/CheckboxesGroup"; +import { TextInput } from "@/ui/TextInput"; import { FormProvider, SubmitHandler, useForm, useWatch, -} from 'react-hook-form'; -import AddIcon from '../../../public/icons/add.svg'; -import CloseIcon from '../../../public/icons/close.svg'; -import { ImageUploader } from '../ImageUploader'; -import { CompanyFormModal } from './CompanyFormModal'; -import { FormModalHeader } from './FormModalHeader'; -import ReactLenis from 'lenis/react'; -import { useLenis } from '@/hooks/useLenis'; +} from "react-hook-form"; +import AddIcon from "../../../public/icons/add.svg"; +import CloseIcon from "../../../public/icons/close.svg"; +import { ImageUploader } from "../ImageUploader"; +import { CompanyFormModal } from "./CompanyFormModal"; +import { FormModalHeader } from "./FormModalHeader"; +import ReactLenis from "lenis/react"; +import { useLenis } from "@/hooks/useLenis"; export interface IProjectFormInput { title: string; + englishTitle: string; companyId?: string; description: string; city: string; + englishCity: string; image: string; stage: number; releaseDate: string; tags: Product[]; } -interface IProjectFormModalProps { +interface IProjectFormModalProps { action: TAction; - defaultValues?: TAction extends 'edit' + defaultValues?: TAction extends "edit" ? IProjectFormInput & { id: string } : undefined; } -export function ProjectFormModal({ +export function ProjectFormModal({ action, defaultValues, }: IProjectFormModalProps) { @@ -50,28 +52,28 @@ export function ProjectFormModal({ const { setModal } = useModalStore(); const { mutate } = useProjectMutation( - action === 'create' + action === "create" ? { action, id: undefined } : { action, id: defaultValues!.id } ); const form = useForm({ defaultValues: - action === 'create' + action === "create" ? { tags: [], stage: 1, - releaseDate: new Date().toISOString().split('T')[0], + releaseDate: new Date().toISOString().split("T")[0], } : { ...defaultValues, - releaseDate: defaultValues?.releaseDate.split('T')[0], + releaseDate: defaultValues?.releaseDate.split("T")[0], }, }); const { register, handleSubmit, control } = form; - const description = useWatch({ control, name: 'description' }); + const description = useWatch({ control, name: "description" }); // const lenis = useLenis(); @@ -94,7 +96,17 @@ export function ProjectFormModal({ label="Название проекта" placeholder="Название" /> + +