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

feat: add multiple layout components with suspense fallback for loading states

Browse Source
This commit is contained in:
rstubryan
2025-10-09 09:38:16 +07:00
parent 3051e931ca
commit 9f2add3a57
8 changed files with 164 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/master-data/area/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function AreaLayout({
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>
);
}
src/app/master-data/kandang/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function KandangLayout({
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>
);
}
src/app/master-data/location/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function LocationLayout({
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>
);
}
src/app/master-data/nonstock/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function NonstockLayout({
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>
);
}
src/app/master-data/product-category/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function ProductCategoryLayout({
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>
);
}
src/app/master-data/product/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function ProductLayout({
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>
);
}
src/app/master-data/uom/detail/layout.tsx
+17
View File
@@ -0,0 +1,17 @@
'use client';
import { Suspense } from 'react';
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>
);
}
src/app/master-data/warehouse/detail/layout.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import { Suspense } from 'react';
export default function WarehouseLayout({
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>
);
}