ready for public release

next.config.js

@@ -5,18 +5,6 @@ const nextConfig = {
   experimental: {
     serverActions: true,
   },
-
-  /*
-  async redirects() {
-    return [
-      {
-        source: '/api/download/:id*',
-        destination: `${process.env.VC_VIDEOCHAIN_API_URL}/download/:id*`,
-        permanent: true,
-      },
-    ]
-  },
-  */
 }
 
 module.exports = nextConfig

src/components/business/videos/change-status-button.tsx

@@ -0,0 +1,20 @@
+"use client"
+
+import { ReactNode, useTransition } from "react"
+
+import { Video, VideoStatus } from "@/app/types"
+import { setVideoStatus } from "@/server"
+
+export function ChangeStatusButton({ video, children, status }: { video: Video; children: ReactNode; status: VideoStatus }) {
+  let [isPending, startTransition] = useTransition()
+ 
+ return (
+  <div
+    className="hover:underline cursor-pointer"
+    onClick={() => {
+      startTransition(async () => {
+        await setVideoStatus(video.ownerId, video.id, status)
+      })
+    }}>{children}</div>
+  )
+}

src/components/business/videos/columns.tsx

@@ -4,11 +4,10 @@ import { ColumnDef } from "@tanstack/react-table"
 import { Checkbox } from "@/components/ui/checkbox"
 
 import { DataTableColumnHeader } from "./column-header"
-import { VideoActions } from "./video-actions"
 
 import { Video } from "@/app/types"
-import { deleteVideo } from "@/server"
 import { triggerDownload } from "@/lib/triggerDownload"
+import { ChangeStatusButton } from "./change-status-button"
 
 export const columns: ColumnDef<Video>[] = [
   {
@@ -83,7 +82,7 @@ export const columns: ColumnDef<Video>[] = [
     enableHiding: false,
   },
   {
-    id: "save",
+    id: "scene",
     header: ({ column }) => null,
     cell: ({ row: { original } }) => {
       const scene = JSON.stringify({
@@ -113,9 +112,8 @@ export const columns: ColumnDef<Video>[] = [
   {
     id: "delete",
     header: ({ column }) => null, // no header
-    cell: ({ row: { original } }) => <div
-      className="hover:underline cursor-pointer"
-      onClick={() => { deleteVideo(original.ownerId, original.id) }}>Delete</div>,
+    cell: ({ row: { original } }) =>
+      <ChangeStatusButton video={original} status="delete">Delete</ChangeStatusButton>,
     enableSorting: false,
     enableHiding: false,
   },

src/components/business/videos/video-table.tsx

@@ -90,7 +90,7 @@ export function VideosQueue({
           {table.getRowModel().rows?.length ? (
             table.getRowModel().rows.map((row) => (
               <TableRow
-                key={row.id}
+                key={row.original.id}
                 data-state={row.getIsSelected() && "selected"}
               >
                 {row.getVisibleCells().map((cell) => (

src/server/index.ts

@@ -34,12 +34,13 @@ export const setVideoStatus = async (ownerId: string, videoId: string, status: V
   return task
 }
 
+/*
 export const deleteVideo = async (ownerId: string, videoId: string) => {
-  const task = await DELETE<GenericAPIResponse>(`${ownerId}/${videoId}`, { success: true })
-
+  const task = await DELETE<GenericAPIResponse>(`${ownerId}/${videoId}`, { success: false })
   return task
 }
 
+*/
 /*
 export async function deleteVideos(ownerId: string, videoIds: string[]) {
   const task = await DELETE<GenericAPIResponse>(ownerAndVideoId, { success: true })
@@ -49,6 +50,7 @@ export async function deleteVideos(ownerId: string, videoIds: string[]) {
 */
 
 export const createNewVideo = async (ownerId: string, taskRequest: VideoAPIRequest) => {
+  console.log("create new video")
   const task = await POST<VideoAPIRequest, Video>(
     ownerId,
     taskRequest,