legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: replace disabled state with loading state for buttons in upload and category forms

Browse Source
This commit is contained in:
Ardeman
2025-03-11 06:13:03 +08:00
parent 66bc731b07
commit 6ec8e5f2a2
5 changed files with 13 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/form-category/index.tsx
+2 -4
View File
@@ -39,7 +39,6 @@ export const FormCategoryPage = (properties: TProperties) => {
},
})
const [error, setError] = useState<string>()
const [disabled, setDisabled] = useState(false)
const { handleSubmit, watch, setValue } = formMethods
const watchName = watch('name')
@@ -47,11 +46,9 @@ export const FormCategoryPage = (properties: TProperties) => {
useEffect(() => {
if (!fetcher.data?.success) {
setError(fetcher.data?.message)
setDisabled(false)
return
}
navigate('/lg-admin/categories')
setDisabled(true)
setError(undefined)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [fetcher])
@@ -96,7 +93,8 @@ export const FormCategoryPage = (properties: TProperties) => {
containerClassName="flex-1"
/>
<Button
disabled={disabled}
isLoading={fetcher.state !== 'idle'}
disabled={fetcher.state !== 'idle'}
type="submit"
size="lg"
className="text-md h-[42px] rounded-md"
app/pages/form-contents/index.tsx
+2 -4
View File
@@ -73,7 +73,6 @@ export const FormContentsPage = (properties: TProperties) => {
const { categoriesData: categories } = loaderData || {}
const { tagsData: tags } = loaderData || {}
const [error, setError] = useState<string>()
const [disabled, setDisabled] = useState(false)
const formMethods = useRemixForm<TContentSchema>({
mode: 'onSubmit',
@@ -100,12 +99,10 @@ export const FormContentsPage = (properties: TProperties) => {
useEffect(() => {
if (!fetcher.data?.success) {
setError(fetcher.data?.message)
setDisabled(false)
return
}
navigate('/lg-admin/contents')
setDisabled(true)
setError(undefined)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [fetcher])
@@ -144,7 +141,8 @@ export const FormContentsPage = (properties: TProperties) => {
containerClassName="flex-1"
/>
<Button
disabled={disabled}
isLoading={fetcher.state !== 'idle'}
disabled={fetcher.state !== 'idle'}
type="submit"
size="lg"
className="text-md h-[42px] rounded-md"
app/pages/form-subscriptions-plan/index.tsx
+2 -4
View File
@@ -34,7 +34,6 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
},
})
const [error, setError] = useState<string>()
const [disabled, setDisabled] = useState(false)
const { handleSubmit, watch, setValue } = formMethods
const watchName = watch('name')
@@ -42,11 +41,9 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
useEffect(() => {
if (!fetcher.data?.success) {
setError(fetcher.data?.message)
setDisabled(false)
return
}
navigate('/lg-admin/subscribe-plan')
setDisabled(true)
setError(undefined)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [fetcher])
@@ -93,7 +90,8 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
containerClassName="flex-1"
/>
<Button
disabled={disabled}
disabled={fetcher.state !== 'idle'}
isLoading={fetcher.state !== 'idle'}
type="submit"
size="lg"
className="text-md h-[42px] rounded-md"
app/pages/form-tag/index.tsx
+2 -4
View File
@@ -35,7 +35,6 @@ export const FormTagPage = (properties: TProperties) => {
},
})
const [error, setError] = useState<string>()
const [disabled, setDisabled] = useState(false)
const { handleSubmit, watch, setValue } = formMethods
const watchName = watch('name')
@@ -43,11 +42,9 @@ export const FormTagPage = (properties: TProperties) => {
useEffect(() => {
if (!fetcher.data?.success) {
setError(fetcher.data?.message)
setDisabled(false)
return
}
navigate('/lg-admin/tags')
setDisabled(true)
setError(undefined)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [fetcher])
@@ -92,7 +89,8 @@ export const FormTagPage = (properties: TProperties) => {
containerClassName="flex-1"
/>
<Button
disabled={disabled}
isLoading={fetcher.state !== 'idle'}
disabled={fetcher.state !== 'idle'}
type="submit"
size="lg"
className="text-md h-[42px] rounded-md"