a63f2c3fe3
* Add 'select all photos' to app state * Create general purpose bulk photo action * Fix infinite scroll pagination, temporarily hide "select all" * Refine batch edit behavior * Add admin endpoints to check storage * Add missing storage count * Refine missing file presentation * Finalize storage status page * Store image-dependent photo fields when reuploading * Move storage checks behind flag
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
import { pathForPhoto } from '@/app/path';
|
||
import LinkWithStatus from '@/components/LinkWithStatus';
|
||
import { Photo } from '@/photo';
|
||
import { getPhotoUrls } from '@/photo/query';
|
||
import { getStorageUrlsForPhoto } from '@/photo/storage';
|
||
|
||
export default async function AdminStoragePage() {
|
||
const _urls = await getPhotoUrls({ limit: 1000, hidden: 'include' });
|
||
|
||
const urls = await Promise.all(_urls.map(async ({ url, ...partialPhoto }) => {
|
||
const urlSet = await getStorageUrlsForPhoto({ url } as Photo);
|
||
const status = urlSet.length === 4
|
||
? 'complete'
|
||
: urlSet.length === 0
|
||
? 'missing'
|
||
: 'partial';
|
||
return { ...partialPhoto, status };
|
||
}));
|
||
|
||
const countComplete = urls
|
||
.filter(({ status }) => status === 'complete').length;
|
||
const countPartial = urls
|
||
.filter(({ status }) => status === 'partial').length;
|
||
const countMissing = urls
|
||
.filter(({ status }) => status === 'missing').length;
|
||
|
||
return (
|
||
<div className="w-full space-y-4">
|
||
<div className="font-bold">
|
||
Storage ({countComplete + countPartial}/{urls.length})
|
||
</div>
|
||
<div>
|
||
<div>✅ {countComplete.toString().padStart(3, '0')} Complete</div>
|
||
<div>⚠️ {countPartial.toString().padStart(3, '0')} Partial</div>
|
||
<div>❌ {countMissing.toString().padStart(3, '0')} Missing</div>
|
||
</div>
|
||
<div>
|
||
{urls.map(({ id, title, hidden, status }) => (
|
||
<div
|
||
key={id}
|
||
>
|
||
<LinkWithStatus
|
||
href={pathForPhoto({ photo: { id, hidden } as Photo })}
|
||
className="w-full inline-flex items-center gap-1"
|
||
>
|
||
<span className="w-[15rem] inline-block truncate">{title}</span>
|
||
{status === 'complete'
|
||
? '✅'
|
||
: status === 'partial'
|
||
? '⚠️'
|
||
: '❌'}
|
||
</LinkWithStatus>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|