pinto/vfxreview
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated shot status pages
Deploy / deploy (push) Failing after 2m46s
Details

Browse Source
This commit is contained in:
twotalesanimation
2026-06-05 07:53:24 +02:00
parent e68545fa2a
commit f5c97fd9a7
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitea/workflows/deploy.yml
+1 -1
View File
@@ -22,6 +22,6 @@ jobs:
docker compose up -d --build docker compose up -d --build
docker compose exec -T vfxreview npx prisma@6.19.3 migrate deploy docker compose exec -T vfxreview npx prisma migrate deploy
docker image prune -f docker image prune -f
app/(dashboard)/shot-status/ShotStatusClient.tsx
+13 -7
View File
@@ -3,6 +3,7 @@
import { useState, useTransition, useCallback } from "react"; import { useState, useTransition, useCallback } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link";
import { import {
Select, Select,
SelectContent, SelectContent,
@@ -118,12 +119,12 @@ function NotesCell({
); );
} }
function ShotTable({ shots, canManage }: { shots: ShotRow[]; canManage: boolean }) { function ShotTable({ shots, canManage, projectId }: { shots: ShotRow[]; canManage: boolean; projectId: string }) {
return ( return (
<table className="w-full text-sm"> <table className="w-full text-sm">
<thead> <thead>
<tr className="border-b border-zinc-800"> <tr className="border-b border-zinc-800">
<th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-14">Thumb</th> <th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-32">Thumb</th>
<th className="text-left py-2 px-3 text-xs font-medium text-zinc-500">Shot</th> <th className="text-left py-2 px-3 text-xs font-medium text-zinc-500">Shot</th>
<th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-32">Status</th> <th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-32">Status</th>
<th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-32">Due Date</th> <th className="text-left py-2 px-3 text-xs font-medium text-zinc-500 w-32">Due Date</th>
@@ -141,12 +142,12 @@ function ShotTable({ shots, canManage }: { shots: ShotRow[]; canManage: boolean
<tr key={shot.id} className="hover:bg-zinc-800/30 transition-colors"> <tr key={shot.id} className="hover:bg-zinc-800/30 transition-colors">
{/* Thumbnail */} {/* Thumbnail */}
<td className="py-2 px-3"> <td className="py-2 px-3">
<div className="w-10 h-10 rounded overflow-hidden bg-zinc-800 flex items-center justify-center shrink-0"> <div className="w-24 aspect-[2.39/1] rounded overflow-hidden bg-zinc-800 flex items-center justify-center shrink-0">
{shot.thumbnailUrl ? ( {shot.thumbnailUrl ? (
<Image <Image
src={shot.thumbnailUrl} src={shot.thumbnailUrl}
alt={shot.shotCode} alt={shot.shotCode}
width={40} width={96}
height={40} height={40}
className="object-cover w-full h-full" className="object-cover w-full h-full"
/> />
@@ -158,7 +159,12 @@ function ShotTable({ shots, canManage }: { shots: ShotRow[]; canManage: boolean
{/* Shot name */} {/* Shot name */}
<td className="py-2 px-3"> <td className="py-2 px-3">
<span className="font-mono text-sm text-white">{shot.shotCode}</span> <Link
href={`/projects/${projectId}/shots/${shot.id}`}
className="font-mono text-sm text-white hover:text-blue-400 transition-colors"
>
{shot.shotCode}
</Link>
{shot.description && ( {shot.description && (
<p className="text-xs text-zinc-500 mt-0.5 truncate max-w-[200px]"> <p className="text-xs text-zinc-500 mt-0.5 truncate max-w-[200px]">
{shot.description} {shot.description}
@@ -328,7 +334,7 @@ export function ShotStatusClient({
</button> </button>
{!collapsed && ( {!collapsed && (
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<ShotTable shots={episodeShots} canManage={canManage} /> <ShotTable shots={episodeShots} canManage={canManage} projectId={selectedProjectId!} />
</div> </div>
)} )}
</div> </div>
@@ -337,7 +343,7 @@ export function ShotStatusClient({
</div> </div>
) : ( ) : (
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<ShotTable shots={shots} canManage={canManage} /> <ShotTable shots={shots} canManage={canManage} projectId={selectedProjectId!} />
</div> </div>
)} )}
</div> </div>