Preview

midday-ai · Dec 14, 2023 · 72af797 · 72af797
1 parent 9cc1015
commit 72af797
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 30 deletions.
diff --git a/apps/dashboard/src/components/tables/vault/data-table-row.tsx b/apps/dashboard/src/components/tables/vault/data-table-row.tsx
@@ -34,6 +34,11 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@midday/ui/dropdown-menu";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@midday/ui/hover-card";
 import { Icons } from "@midday/ui/icons";
 import { TableCell, TableRow } from "@midday/ui/table";
 import { useToast } from "@midday/ui/use-toast";
@@ -58,7 +63,13 @@ export const translatedFolderName = (t: any, folder: string) => {
   }
 };
 
-export function DataTableRow({ data, deleteFile, createFolder, deleteFolder }) {
+export function DataTableRow({
+  data,
+  deleteFile,
+  createFolder,
+  deleteFolder,
+  teamId,
+}) {
   const t = useI18n();
   const { toast } = useToast();
   const router = useRouter();
@@ -94,28 +105,42 @@ export function DataTableRow({ data, deleteFile, createFolder, deleteFolder }) {
     }
   };
 
+  console.log(data);
+
   return (
     <AlertDialog>
       <ContextMenu>
         <ContextMenuTrigger asChild>
-          <TableRow
-            className="h-[45px] cursor-default"
-            onClick={handleNavigate}
-          >
-            <TableCell>
-              <div className="flex items-center space-x-2">
-                <FileIcon
-                  mimetype={data?.metadata?.mimetype}
-                  name={data.name}
-                  isFolder={data.isFolder}
-                />
-                <span>{translatedFolderName(t, data.name)}</span>
-                {data?.metadata?.size && (
-                  <span className="text-[#878787]">
-                    {formatSize(data.metadata.size)}
-                  </span>
+          <TableRow className="h-[45px] cursor-default">
+            <TableCell onClick={handleNavigate}>
+              <HoverCard openDelay={300}>
+                <HoverCardTrigger
+                  disabled={data?.metadata?.mimetype !== "application/pdf"}
+                >
+                  <div className="flex items-center space-x-2">
+                    <FileIcon
+                      mimetype={data?.metadata?.mimetype}
+                      name={data.name}
+                      isFolder={data.isFolder}
+                    />
+                    <span>{translatedFolderName(t, data.name)}</span>
+                    {data?.metadata?.size && (
+                      <span className="text-[#878787]">
+                        {formatSize(data.metadata.size)}
+                      </span>
+                    )}
+                  </div>
+                </HoverCardTrigger>
+                {data?.metadata?.mimetype === "application/pdf" && (
+                  <HoverCardContent className="w-70 h-[350px]">
+                    <iframe
+                      src={`/api/proxy?filePath=vault/${teamId}/${filepath}#toolbar=0`}
+                      title={data.name}
+                      className="w-80 h-full"
+                    />
+                  </HoverCardContent>
                 )}
-              </div>
+              </HoverCard>
             </TableCell>
             <TableCell>
               {data?.created_at ? format(new Date(data.created_at), "Pp") : "-"}
@@ -252,7 +277,7 @@ export function DataTableRow({ data, deleteFile, createFolder, deleteFolder }) {
           )}
           <ContextMenuItem
             onClick={() =>
-              createFolder.execute({
+              createFolder({
                 path: folderPath,
                 name: "Untitled folder",
               })

diff --git a/apps/dashboard/src/components/tables/vault/data-table.tsx b/apps/dashboard/src/components/tables/vault/data-table.tsx
@@ -15,7 +15,7 @@ import { useAction } from "next-safe-action/hook";
 import { useOptimistic } from "react";
 import { DataTableRow } from "./data-table-row";
 
-export function DataTable({ data }) {
+export function DataTable({ data, teamId }) {
   const { toast } = useToast();
 
   const [optimisticData, setOptimisticData] = useOptimistic(
@@ -90,6 +90,7 @@ export function DataTable({ data }) {
           <DataTableRow
             key={row.name}
             data={row}
+            teamId={teamId}
             deleteFile={(params) => deleteFile.execute(params)}
             deleteFolder={(params) => deleteFolder.execute(params)}
             createFolder={(params) => createFolder.execute(params)}

diff --git a/apps/dashboard/src/components/tables/vault/index.tsx b/apps/dashboard/src/components/tables/vault/index.tsx
@@ -1,4 +1,4 @@
-import { getVault } from "@midday/supabase/cached-queries";
+import { getUser, getVault } from "@midday/supabase/cached-queries";
 import { DataTable } from "./data-table";
 import { EmptyTable } from "./empty-table";
 import { UploadZone } from "./upload-zone";
@@ -8,10 +8,12 @@ export async function Table({ path }) {
     path: path && decodeURIComponent(path),
   });
 
+  const { data: userData } = await getUser();
+
   return (
     <div className="mt-6 h-[calc(100vh-180px)] border overflow-scroll relative">
       <UploadZone>
-        <DataTable data={data} />
+        <DataTable data={data} teamId={userData.team_id} />
         {data.length === 0 && <EmptyTable type={path} />}
       </UploadZone>
     </div>

diff --git a/packages/supabase/src/queries/index.ts b/packages/supabase/src/queries/index.ts
@@ -575,11 +575,3 @@ export async function getVaultRecursiveQuery(
 
   return items;
 }
-
-export async function getAuthSessions(supabase: Client) {
-  return supabase
-    .from("auth.sessions")
-    .eq("user_id", "330e6a53-7a98-407c-a135-26882a2bcaf3")
-    .order("ordupdated_ater", { ascending: false })
-    .limit(5);
-}