d7fbc8bd68
* Introduce configurable photo sort order * Fix recents image pre-rendering * Refine sort order config * Store sort order in client state * Add core views to support sort * Separate sort and priority preferences * Consolidate imports, add lint rule * Refine photo sorting documentation * Update README sort text * Finalize sort config
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import {
|
|
INFINITE_SCROLL_GRID_INITIAL,
|
|
generateOgImageMetaForPhotos,
|
|
} from '@/photo';
|
|
import PhotosEmptyState from '@/photo/PhotosEmptyState';
|
|
import { Metadata } from 'next/types';
|
|
import { getPhotos } from '@/photo/db/query';
|
|
import { cache } from 'react';
|
|
import PhotoGridPage from '@/photo/PhotoGridPage';
|
|
import { getDataForCategoriesCached } from '@/category/cache';
|
|
import { getPhotosMetaCached } from '@/photo/cache';
|
|
import { USER_DEFAULT_SORT_OPTIONS } from '@/app/config';
|
|
import { GetPhotosOptions } from '@/photo/db';
|
|
|
|
export const dynamic = 'force-static';
|
|
export const maxDuration = 60;
|
|
|
|
const getPhotosCached = cache((options: GetPhotosOptions) => getPhotos({
|
|
...options,
|
|
limit: INFINITE_SCROLL_GRID_INITIAL,
|
|
}));
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const photos = await getPhotosCached(USER_DEFAULT_SORT_OPTIONS)
|
|
.catch(() => []);
|
|
return generateOgImageMetaForPhotos(photos);
|
|
}
|
|
|
|
export default async function GridPage() {
|
|
const [
|
|
photos,
|
|
photosCount,
|
|
categories,
|
|
] = await Promise.all([
|
|
getPhotosCached(USER_DEFAULT_SORT_OPTIONS)
|
|
.catch(() => []),
|
|
getPhotosMetaCached(USER_DEFAULT_SORT_OPTIONS)
|
|
.then(({ count }) => count)
|
|
.catch(() => 0),
|
|
getDataForCategoriesCached(),
|
|
]);
|
|
|
|
return (
|
|
photos.length > 0
|
|
? <PhotoGridPage
|
|
{...{
|
|
photos,
|
|
photosCount,
|
|
...USER_DEFAULT_SORT_OPTIONS,
|
|
...categories,
|
|
}}
|
|
/>
|
|
: <PhotosEmptyState />
|
|
);
|
|
}
|