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

refactor: destructure loaderData in multiple components for cleaner code

Browse Source
This commit is contained in:
Ardeman
2025-03-09 09:32:51 +08:00
parent 09e5f84b8b
commit 0da2006e78
20 changed files with 34 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/layouts/news/form-register.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ export const FormRegister = () => {
const [disabled, setDisabled] = useState(false)
const fetcher = useFetcher()
const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
const subscriptions = loaderData?.subscriptionsData
const { subscriptionsData: subscriptions } = loaderData || {}
const formMethods = useRemixForm<TRegisterSchema>({
mode: 'onSubmit',
app/layouts/news/form-subscription.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ export default function FormSubscription() {
const [error, setError] = useState<string>()
const [disabled, setDisabled] = useState(false)
const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
const subscriptions = loaderData?.subscriptionsData
const { subscriptionsData: subscriptions } = loaderData || {}
const formMethods = useRemixForm<TSubscribeSchema>({
mode: 'onSubmit',
app/layouts/news/header-menu-mobile.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ export default function HeaderMenuMobile(properties: THeaderMenuMobile) {
const [isMenuOpen, setIsMenuOpen] = useState(false)
const { setIsLoginOpen } = useNewsContext()
const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
const userData = loaderData?.userData
const { userData } = loaderData || {}
const fetcher = useFetcher()
const handleToggleMenu = (): void => {
app/layouts/news/header-top.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ import type { loader } from '~/routes/_news'
export const HeaderTop = () => {
const { setIsLoginOpen } = useNewsContext()
const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
const userData = loaderData?.userData
const { userData } = loaderData || {}
const fetcher = useFetcher()
return (