JezzWTF/phokus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: refresh lightbox tags live after AI tagging, hide AI tags button for video

Browse Source
This commit is contained in:
LyAhn
2026-04-08 17:15:44 +01:00
parent a9dd2b2797
commit f93a80bc87
1 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Lightbox.tsx
+19 -12
View File
@@ -102,7 +102,12 @@ export function Lightbox() {
void getImageTags(selectedImage.id) void getImageTags(selectedImage.id)
.then(setImageTags) .then(setImageTags)
.catch(() => setImageTags([])); .catch(() => setImageTags([]));
}, [selectedImage?.id, getImageTags]); }, [selectedImage?.id, selectedImage?.ai_tagged_at, getImageTags]);
// Reset the queued state once the worker finishes so the button is usable again
useEffect(() => {
if (selectedImage?.ai_tagged_at) setTaggingQueued(false);
}, [selectedImage?.ai_tagged_at]);
useEffect(() => { useEffect(() => {
const viewport = imageViewportRef.current; const viewport = imageViewportRef.current;
@@ -359,17 +364,19 @@ export function Lightbox() {
{ratingPill(selectedImage.ai_rating).label} {ratingPill(selectedImage.ai_rating).label}
</span> </span>
) : null} ) : null}
<button {selectedImage.media_kind === "image" ? (
className="rounded-md border border-white/10 bg-white/5 px-2 py-0.5 text-[10px] text-gray-400 transition-colors hover:bg-white/10 hover:text-white disabled:cursor-not-allowed disabled:opacity-40" <button
disabled={!(taggerModelStatus?.ready ?? false) || taggingQueued} className="rounded-md border border-white/10 bg-white/5 px-2 py-0.5 text-[10px] text-gray-400 transition-colors hover:bg-white/10 hover:text-white disabled:cursor-not-allowed disabled:opacity-40"
title={!(taggerModelStatus?.ready ?? false) ? "WD Tagger model not downloaded" : "Queue AI tagging for this image"} disabled={!(taggerModelStatus?.ready ?? false) || taggingQueued}
onClick={() => { title={!(taggerModelStatus?.ready ?? false) ? "WD Tagger model not downloaded" : "Queue AI tagging for this image"}
setTaggingQueued(true); onClick={() => {
void queueTaggingForImage(selectedImage.id).catch(() => undefined); setTaggingQueued(true);
}} void queueTaggingForImage(selectedImage.id).catch(() => undefined);
> }}
{taggingQueued ? "Queued" : "AI tags"} >
</button> {taggingQueued ? "Queued" : "AI tags"}
</button>
) : null}
</div> </div>
</div> </div>