Proxy

midday-ai · Dec 13, 2023 · 2aeb940 · 2aeb940
1 parent 2cf8364
commit 2aeb940
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/apps/dashboard/src/app/api/proxy/route.ts b/apps/dashboard/src/app/api/proxy/route.ts
@@ -0,0 +1,20 @@
+export const runtime = "edge";
+
+export async function GET(req) {
+  const requestUrl = new URL(req.url);
+  const filePath = requestUrl.searchParams.get("filePath");
+
+  console.log(
+    `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/${filePath}`
+  );
+
+  return fetch(
+    `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/${filePath}`,
+    {
+      headers: {
+        // TODO: Use current user token instead
+        authorization: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+      },
+    }
+  );
+}
diff --git a/apps/dashboard/src/components/attachments.tsx b/apps/dashboard/src/components/attachments.tsx
@@ -13,7 +13,7 @@ import {
   HoverCardTrigger,
 } from "@midday/ui/hover-card";
 import { cn } from "@midday/ui/utils";
-import { File, X } from "lucide-react";
+import { X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useDropzone } from "react-dropzone";
 
@@ -24,10 +24,8 @@ const Item = ({ file, onDelete, id }) => {
         <HoverCard openDelay={300}>
           <HoverCardTrigger>
             <div className="rounded-md border w-[40px] h-[40px] flex items-center justify-center overflow-hidden cursor-pointer">
-              {/* <File size={18} /> */}
-
               <embed
-                src={`https://service.midday.ai/storage/v1/object/public/vault/${file.path}#toolbar=0`}
+                src={`/api/proxy?filePath=vault/${file.path}#toolbar=0`}
                 title={file.name}
                 className="w-[40px] h-[40px] pointer-none"
               />
@@ -39,7 +37,7 @@ const Item = ({ file, onDelete, id }) => {
             sideOffset={55}
           >
             <embed
-              src={`https://service.midday.ai/storage/v1/object/public/vault/${file.path}#toolbar=0`}
+              src={`/api/proxy?filePath=vault/${file.path}#toolbar=0`}
               title={file.name}
               className="w-80 h-full"
             />