Audio preview delete and download working

aamirazad · Jul 25, 2024 · 3d8c63a · 3d8c63a
1 parent 05cb715
commit 3d8c63a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 19 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
     "db:migrate": "drizzle-kit migrate",
     "db:push": "drizzle-kit push",
     "db:studio": "drizzle-kit studio",
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "lint": "next lint",
     "start": "next start"
   },

diff --git a/src/components/audio-preview.tsx b/src/components/audio-preview.tsx
@@ -23,6 +23,12 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from "@/components/ui/alert-dialog";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 const queryClient = new QueryClient();
 
@@ -203,24 +209,26 @@ function AudioInfo({ id }: AudioInfoProps) {
                   Open
                 </OpenExternalLink>
               </Button>
-              <a
-                href={`${userData.whishperURL}/api/video/${recordingData.fileName}`}
-                download={recordingData.fileName}
-                className={`w-24 ${buttonVariants({ variant: "default" })}`}
-                target="_blank"
-              >
-                Download
-              </a>
-              <Button
-                onClick={async () => {
-                  await downloadWhishperRecording(
-                    `${userData.whishperURL}/api/video/${recordingData.fileName}`,
-                    recordingData.fileName,
-                  );
-                }}
-              >
-                Download
-              </Button>
+              <TooltipProvider delayDuration={0}>
+                <Tooltip>
+                  <TooltipTrigger>
+                    <a
+                      href={`${userData.whishperURL}/api/video/${recordingData.fileName}`}
+                      download={recordingData.fileName}
+                      className={`w-24 ${buttonVariants({ variant: "link" })}`}
+                      target="_blank"
+                    >
+                      Download
+                    </a>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    <p>
+                      To download the audio file, right click and select
+                      &quot;Save as&quot;.
+                    </p>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
               <AlertDialog>
                 <AlertDialogTrigger>
                   <Button className="w-24" variant="destructive">