feat(upload): open upload details dialog from table rows

This commit is contained in:
2026-07-22 19:12:52 +05:30
parent 062e89fcba
commit 3891500cf2
6 changed files with 158 additions and 155 deletions

View File

@@ -10,7 +10,7 @@ import type { UploadListItem } from '@/types';
import { CreateUploadDialog } from './components/CreateUploadDialog';
import { useUploadListColumns } from './components/UploadListColumns';
import { UploadTable } from './components/UploadTable';
import { VideoPreviewDialog } from './components/VideoPreviewDialog';
import { UploadDetailsDialog } from './components/UploadDetailsDialog';
import { useUploadFilters } from './hooks/useUploadFilters';
import { useUploadListEvents } from './hooks/useUploadListEvents';
import { useUploadsQuery } from './hooks/useUploadQueries';
@@ -20,13 +20,15 @@ export default function UploadPage() {
const uploadsQuery = useUploadsQuery({ skip, limit });
useUploadListEvents();
const [isCreateOpen, setIsCreateOpen] = useState(false);
const [videoUpload, setVideoUpload] = useState<UploadListItem | null>(null);
const [selectedUpload, setSelectedUpload] = useState<UploadListItem | null>(
null,
);
const uploads = uploadsQuery.data?.items ?? [];
const total = uploadsQuery.data?.total ?? 0;
const isLoading = uploadsQuery.isLoading;
const columns = useUploadListColumns(setVideoUpload);
const columns = useUploadListColumns();
return (
<>
@@ -50,17 +52,18 @@ export default function UploadPage() {
skip={skip}
limit={limit}
total={total}
onUploadClick={setSelectedUpload}
onPageChange={setSkip}
onLimitChange={setLimit}
/>
</main>
<CreateUploadDialog open={isCreateOpen} onOpenChange={setIsCreateOpen} />
<VideoPreviewDialog
upload={videoUpload}
open={Boolean(videoUpload)}
<UploadDetailsDialog
upload={selectedUpload}
open={Boolean(selectedUpload)}
onOpenChange={(open) => {
if (!open) setVideoUpload(null);
if (!open) setSelectedUpload(null);
}}
/>
</>