diff --git a/app/pages/form-contents/index.tsx b/app/pages/form-contents/index.tsx index 7d7461d..62ab954 100644 --- a/app/pages/form-contents/index.tsx +++ b/app/pages/form-contents/index.tsx @@ -97,12 +97,12 @@ export const FormContentsPage = (properties: TProperties) => { const watchTags = watch('tags') useEffect(() => { - if (fetcher.data?.sucess) { + if (fetcher.data?.success === false) { toast.error(fetcher.data?.message) return } - if (fetcher.data?.success) { + if (fetcher.data?.success === true) { toast.success(`Artikel berhasil ${newsData ? 'diupdate' : 'dibuat'}!`) navigate('/lg-admin/contents') return diff --git a/app/pages/form-tag/index.tsx b/app/pages/form-tag/index.tsx index b0938ba..980e2df 100644 --- a/app/pages/form-tag/index.tsx +++ b/app/pages/form-tag/index.tsx @@ -1,5 +1,6 @@ import { zodResolver } from '@hookform/resolvers/zod' -import { useEffect, useState } from 'react' +import { useEffect } from 'react' +import toast from 'react-hot-toast' import { useFetcher, useNavigate } from 'react-router' import { RemixFormProvider, useRemixForm } from 'remix-hook-form' import { z } from 'zod' @@ -34,20 +35,21 @@ export const FormTagPage = (properties: TProperties) => { name: tagData?.name || '', }, }) - const [error, setError] = useState() const { handleSubmit, watch, setValue } = formMethods const watchName = watch('name') useEffect(() => { - if (!fetcher.data?.success) { - setError(fetcher.data?.message) - return + if (fetcher.data?.success === false) { + toast.error(fetcher.data?.message) + } + + if (fetcher.data?.success === true) { + toast.success(`Tag berhasil ${tagData ? 'diupdate' : 'dibuat'}!`) + navigate('/lg-admin/tags') } - navigate('/lg-admin/tags') - setError(undefined) // eslint-disable-next-line react-hooks/exhaustive-deps - }, [fetcher]) + }, [fetcher.data]) useEffect(() => { setValue('code', urlFriendlyCode(watchName)) @@ -65,9 +67,6 @@ export const FormTagPage = (properties: TProperties) => { action={`/actions/admin/tags/${tagData ? 'update' : 'create'}`} className="space-y-4" > - {error && ( -
{error}
- )}