gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 05:22:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: refactor layout components to use SuspenseHelper for loading states

Browse Source
This commit is contained in:
rstubryan
2025-10-09 11:06:59 +07:00
parent 9f2add3a57
commit f0eabedcb2
9 changed files with 88 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/master-data/area/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function AreaLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/kandang/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function KandangLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/location/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function LocationLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/nonstock/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function NonstockLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/product-category/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function ProductCategoryLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/product/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function ProductLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/app/master-data/uom/detail/layout.tsx
+9 -15
View File
@@ -1,17 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
const Layout = ({
children,
}: Readonly<{
children: React.ReactNode;
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default function UomLayout({ children }: { children: React.ReactNode }) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
export default Layout;
src/app/master-data/warehouse/detail/layout.tsx
+8 -18
View File
@@ -1,21 +1,11 @@
'use client';
import SuspenseHelper from '@/components/helper/SuspenseHelper';
import { Suspense } from 'react';
export default function WarehouseLayout({
const Layout = ({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
}
}>) => {
return <SuspenseHelper>{children}</SuspenseHelper>;
};
export default Layout;
src/components/helper/SuspenseHelper.tsx
+23
View File
@@ -0,0 +1,23 @@
'use client';
import { Suspense } from 'react';
const SuspenseHelper = ({
children,
}: Readonly<{
children: React.ReactNode;
}>) => {
return (
<Suspense
fallback={
<div className='w-full flex flex-row justify-center items-center p-4'>
<span className='loading loading-spinner loading-xl' />
</div>
}
>
{children}
</Suspense>
);
};
export default SuspenseHelper;