Process CSS before/after image converting

BeaverHouse · Dec 17, 2024 · 11784ac · 11784ac
1 parent c77045d
commit 11784ac
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/atoms/button/Download.tsx b/src/components/atoms/button/Download.tsx
@@ -35,6 +35,10 @@ const DownloadButton: React.FC<DownloadProps> = ({ tag }) => {
     if (!element) return;
     setModal(ModalType.loading);
     try {
+      element.querySelectorAll(".shadow").forEach((element) => {
+        element.classList.remove("shadow");
+        element.classList.add("temporary");
+      });
       const canvas = await html2canvas(element, {
         scale: 1.1,
         allowTaint: true,
@@ -44,6 +48,11 @@ const DownloadButton: React.FC<DownloadProps> = ({ tag }) => {
         ignoreElements: (element) => element.id === "downloader",
       });
 
+      element.querySelectorAll(".temporary").forEach((element) => {
+        element.classList.remove("temporary");
+        element.classList.add("shadow");
+      });
+
       if (navigator.userAgent.match(/NAVER|KAKAOTALK/i)) {
         Swal.fire({
           title: "Data Migration",