From 68206c86eaafb201281ef0ac65f1eb26aa00b587 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Tue, 28 May 2024 03:16:18 +0700
Subject: [PATCH] my movies modal download text (#432)

- added download text to my movies completed videos next to icon
- removed unused import
---
 .../comps/GenerateModals/CompletedCard.tsx    | 28 +++++++++----------
 .../comps/GenerateModals/MyMovies.tsx         |  7 +----
 2 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/app/pages/PageEnigma/comps/GenerateModals/CompletedCard.tsx b/app/pages/PageEnigma/comps/GenerateModals/CompletedCard.tsx
index 0e36e67dd3..fe3fd94769 100644
--- a/app/pages/PageEnigma/comps/GenerateModals/CompletedCard.tsx
+++ b/app/pages/PageEnigma/comps/GenerateModals/CompletedCard.tsx
@@ -4,7 +4,6 @@ import { faArrowDownToLine } from "@fortawesome/pro-solid-svg-icons";
 import { useRef, useState } from "react";
 import { BucketConfig } from "~/api/BucketConfig";
 import dayjs from "dayjs";
-import { Tooltip } from "~/components";
 import { environmentVariables } from "~/signals";
 import { useSignals } from "@preact/signals-react/runtime";
 import { downloadFile } from "~/pages/PageEnigma/comps/GenerateModals/utils/downloadFile";
@@ -69,20 +68,19 @@ export function CompletedCard({ movie, setMovieId }: Props) {
         </div>
       </div>
       <div className="pr-5">
-        <Tooltip content="Download" position="top">
-          <button
-            onClick={(event) => {
-              event.preventDefault();
-              event.stopPropagation();
-              const title =
-                movie.maybe_title !== null ? movie.maybe_title : "Untitled";
-              downloadFile({ url: downloadLink, title });
-            }}
-            className="text-xl text-white/50 transition-all duration-150 hover:text-white/90"
-          >
-            <FontAwesomeIcon icon={faArrowDownToLine} />
-          </button>
-        </Tooltip>
+        <button
+          onClick={(event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const title =
+              movie.maybe_title !== null ? movie.maybe_title : "Untitled";
+            downloadFile({ url: downloadLink, title });
+          }}
+          className="text-[15px] font-medium text-white/50 transition-all duration-150 hover:text-white/100"
+        >
+          <FontAwesomeIcon icon={faArrowDownToLine} className="mr-2" />
+          Download
+        </button>
       </div>
     </div>
   );
diff --git a/app/pages/PageEnigma/comps/GenerateModals/MyMovies.tsx b/app/pages/PageEnigma/comps/GenerateModals/MyMovies.tsx
index abb85368bf..e373473889 100644
--- a/app/pages/PageEnigma/comps/GenerateModals/MyMovies.tsx
+++ b/app/pages/PageEnigma/comps/GenerateModals/MyMovies.tsx
@@ -1,9 +1,4 @@
-import {
-  activeJobs,
-  generateMovieId,
-  movies,
-  viewMyMovies,
-} from "~/pages/PageEnigma/signals";
+import { activeJobs, movies, viewMyMovies } from "~/pages/PageEnigma/signals";
 import { CompletedCard } from "~/pages/PageEnigma/comps/GenerateModals/CompletedCard";
 import { InProgressCard } from "~/pages/PageEnigma/comps/GenerateModals/InProgressCard";
 import { useSignals } from "@preact/signals-react/runtime";