diff --git a/src/features/Projects/pages/ListProjectPage/Components/FormContainer/FormContainer.tsx b/src/features/Projects/pages/ListProjectPage/Components/FormContainer/FormContainer.tsx index b0fe561..835e765 100644 --- a/src/features/Projects/pages/ListProjectPage/Components/FormContainer/FormContainer.tsx +++ b/src/features/Projects/pages/ListProjectPage/Components/FormContainer/FormContainer.tsx @@ -14,7 +14,7 @@ interface Props { export interface IListProjectForm { id?: number - name: string + title: string website: string tagline: string description: string @@ -43,7 +43,7 @@ export interface IListProjectForm { const schema: yup.SchemaOf = yup.object({ id: yup.number().optional(), - name: yup.string().trim().required().min(2), + title: yup.string().trim().required().min(2), website: yup.string().trim().url().required(), tagline: yup.string().trim().required().min(10), description: yup.string().trim().required().min(50, 'Write at least 10 words descriping your project'), @@ -68,7 +68,7 @@ export default function FormContainer(props: PropsWithChildren) { const methods = useForm({ defaultValues: { id: !!params.get('id') ? Number(params.get('id')) : undefined, - name: "", + title: "", website: "", tagline: "", description: "", diff --git a/src/features/Projects/pages/ListProjectPage/Components/ProjectDetailsTab/ProjectDetailsTab.tsx b/src/features/Projects/pages/ListProjectPage/Components/ProjectDetailsTab/ProjectDetailsTab.tsx index 9261e3d..68ff942 100644 --- a/src/features/Projects/pages/ListProjectPage/Components/ProjectDetailsTab/ProjectDetailsTab.tsx +++ b/src/features/Projects/pages/ListProjectPage/Components/ProjectDetailsTab/ProjectDetailsTab.tsx @@ -42,11 +42,11 @@ export default function ProjectDetailsTab(props: Props) { type='text' className="input-text" placeholder='e.g BOLT🔩FUN' - {...register("name")} + {...register("title")} /> - {errors.name &&

- {errors.name.message} + {errors.title &&

+ {errors.title.message}

}

Project link* diff --git a/src/features/Projects/pages/ListProjectPage/Components/SaveChangesCard/SaveChangesCard.tsx b/src/features/Projects/pages/ListProjectPage/Components/SaveChangesCard/SaveChangesCard.tsx index 0b4a58b..0cc6e49 100644 --- a/src/features/Projects/pages/ListProjectPage/Components/SaveChangesCard/SaveChangesCard.tsx +++ b/src/features/Projects/pages/ListProjectPage/Components/SaveChangesCard/SaveChangesCard.tsx @@ -24,7 +24,7 @@ export default function SaveChangesCard(props: Props) { const isUpdating = useMemo(() => !!getValues('id'), [getValues]); - const [img, name, tagline] = watch(['thumbnail_image', 'name', 'tagline']) + const [img, name, tagline] = watch(['thumbnail_image', 'title', 'tagline']) const clickCancel = () => { if (window.confirm('You might lose some unsaved changes. Are you sure you want to continue?')) @@ -40,7 +40,7 @@ export default function SaveChangesCard(props: Props) { Modal: "ProjectListedModal", props: { project: { id: data.id!, - name: data.name, + name: data.title, img: data.thumbnail_image || "https://picsum.photos/id/870/150/150.jpg", tagline: data.tagline, } diff --git a/src/services/notifications.service.ts b/src/services/notifications.service.ts index 79e4d26..da850a7 100644 --- a/src/services/notifications.service.ts +++ b/src/services/notifications.service.ts @@ -40,7 +40,7 @@ export class NotificationsService { static warn(msg: string, options?: AlertOptions) { toast.warn(msg, { - onClose: options?.onComplete, + onClose: options?.onClose, autoClose: options?.autoClose ?? 2500, ...options, }) diff --git a/src/utils/storybook/decorators.tsx b/src/utils/storybook/decorators.tsx index 287e70f..af87b2d 100644 --- a/src/utils/storybook/decorators.tsx +++ b/src/utils/storybook/decorators.tsx @@ -16,7 +16,7 @@ import "src/styles/index.scss"; import 'react-loading-skeleton/dist/skeleton.css' import { ApolloProvider } from '@apollo/client'; import { apolloClient } from '../apollo'; -import { Controller, FormProvider, useForm, UseFormProps, Controller } from 'react-hook-form'; +import { Controller, FormProvider, useForm, UseFormProps, } from 'react-hook-form'; import ModalsContainer from 'src/Components/Modals/ModalsContainer/ModalsContainer'; import { ToastContainer } from 'react-toastify'; import { NotificationsService } from 'src/services';