29 lines
1016 B
TypeScript
29 lines
1016 B
TypeScript
|
/**
|
||
|
|
* Placeholder for album and subpage content while Immich answers. These routes
|
||
|
|
* are force-dynamic and wait on a live Immich round-trip — up to
|
||
|
|
* IMMICH_TIMEOUT_MS when the server is struggling — so without this the viewer
|
||
|
|
* stares at a blank page.
|
||
|
|
*
|
||
|
|
* This used to be app/[...path]/loading.tsx. It is a Suspense fallback inside
|
||
|
|
* the page now, placed after the page has decided whether the path exists: a
|
||
|
|
* loading.tsx wraps the whole page, so the skeleton went out with a 200 before
|
||
|
|
* the page could call notFound().
|
||
|
|
*/
|
||
|
|
|
||
|
|
import styles from '../loading.module.css';
|
||
|
|
import { getServerDictionary } from '@/lib/i18n/server';
|
||
|
|
|
||
|
|
export function PathSkeleton() {
|
||
|
|
const t = getServerDictionary();
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className={styles.heading} aria-hidden="true" />
|
||
|
|
<div className={styles.grid} role="status" aria-label={t.common.loadingPhotos}>
|
||
|
|
{Array.from({ length: 9 }).map((_, i) => (
|
||
|
|
<div key={i} className={styles.tile} />
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|