nik/watch-party
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added delete button on frontend in Archive page

Browse Source
This commit is contained in:
Nik Afiq 2025-12-19 22:28:40 +09:00
parent 14474ca024
commit 5e735c2989
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/index.css
View File

@ -543,9 +543,20 @@ kbd {
.archive-row { .archive-row {
background: rgba(255,255,255,0.03); background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.05);
cursor: pointer;
transition: background 120ms ease, border-color 120ms ease, box-shadow 160ms ease;
} }
.archive-row:hover { background: rgba(255,255,255,0.05); } .archive-row:hover { background: rgba(255,255,255,0.05); }
.archive-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .archive-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archive-row.selected {
border-color: rgba(121,192,255,0.7);
background: linear-gradient(135deg, rgba(121,192,255,0.10), rgba(121,192,255,0.04));
box-shadow: 0 10px 28px rgba(121,192,255,0.14);
}
.archive-row:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
@media (max-width: 820px) { @media (max-width: 820px) {
.archive-header, .archive-header,
.archive-row { .archive-row {
@ -558,6 +569,18 @@ kbd {
.archive-row span:nth-child(4) { grid-column: span 2; } .archive-row span:nth-child(4) { grid-column: span 2; }
.archive-table { min-width: 100%; } .archive-table { min-width: 100%; }
} }
.archive-detail-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.archive-detail-bar {
position: sticky;
bottom: 10px;
z-index: 5;
}
.scrape-card { .scrape-card {
padding: 14px; padding: 14px;

2
frontend/src/pages/ArchivePage.tsx
View File

@ -122,7 +122,7 @@ export default function ArchivePage() {
await deleteArchiveShow(selectedItem.id, idToken); await deleteArchiveShow(selectedItem.id, idToken);
toastInfo("アーカイブを削除しました"); toastInfo("アーカイブを削除しました");
setItems((prev) => prev.filter((it) => it.id !== selectedItem.id)); setItems((prev) => prev.filter((it) => it.id !== selectedItem.id));
setSelectedId(null); setSelectedId((prev) => (prev === selectedItem.id ? null : prev));
} catch (e: unknown) { } catch (e: unknown) {
const msg = e instanceof Error ? e.message : "削除に失敗しました。"; const msg = e instanceof Error ? e.message : "削除に失敗しました。";
toastError("削除に失敗しました", msg); toastError("削除に失敗しました", msg);