strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve batch photo sync status

Browse Source
This commit is contained in:
Sam Becker 2024-06-17 00:29:50 -05:00
parent e9d1c66898
commit 5c64b358bb
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/admin/AdminOutdatedClient.tsx
View File

@ -22,6 +22,8 @@ export default function AdminOutdatedClient({
}) {
const [photoIdsSyncing, setPhotoIdsSyncing] = useState<string[]>([]);
const arePhotoIdsSyncing = photoIdsSyncing.length > 0;
const router = useRouter();
return (
@ -41,8 +43,10 @@ export default function AdminOutdatedClient({
hideTextOnMobile={false}
className="primary"
onClick={async () => {
// eslint-disable-next-line max-len
if (window.confirm(`Are you sure you want to sync the oldest ${UPDATE_BATCH_SIZE} photos? This action cannot be undone.`)) {
if (window.confirm(
// eslint-disable-next-line max-len
`Are you sure you want to sync the oldest ${UPDATE_BATCH_SIZE} photos? This action cannot be undone.`
)) {
const photosToSync = photos
.slice(0, UPDATE_BATCH_SIZE)
.map(photo => photo.id);
@ -54,13 +58,18 @@ export default function AdminOutdatedClient({
});
}
}}
isLoading={arePhotoIdsSyncing}
>
<span className="hidden sm:inline-block">
Sync {UPDATE_BATCH_SIZE} Oldest Photos
</span>
<span className="sm:hidden">
Sync {UPDATE_BATCH_SIZE} Oldest
</span>
{arePhotoIdsSyncing
? 'Syncing'
: <>
<span className="hidden sm:inline-block">
Sync {UPDATE_BATCH_SIZE} Oldest Photos
</span>
<span className="sm:hidden">
Sync {UPDATE_BATCH_SIZE} Oldest
</span>
</>}
</LoaderButton>}
>
<div className="space-y-6">