From b75862398d54219591c9287bf4109d9022656eae Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Mon, 8 Jan 2024 17:29:57 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=8E=20Added=20a=20check=20for=20existi?=
 =?UTF-8?q?ng=20uncompressed=20archives?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ComicDetail/Tabs/ArchiveOperations.tsx    | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx b/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
index d42d286..49c90b4 100644
--- a/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
+++ b/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
@@ -183,15 +183,17 @@ export const ArchiveOperations = (props): ReactElement => {
         ) : null}
 
         <div className="flex flex-row gap-2 mt-4">
-          <button
-            className="flex space-x-1 sm:mt-0 sm:flex-row sm:items-center rounded-lg border border-green-400 dark:border-green-200 bg-green-200 px-3 py-2 text-gray-500 hover:bg-transparent hover:text-green-600 focus:outline-none focus:ring active:text-indigo-500"
-            onClick={() => refetch()}
-          >
-            <span className="text-md">Unpack Comic Archive</span>
-            <span className="w-6 h-6">
-              <i className="h-6 w-6 icon-[solar--box-bold-duotone]"></i>
-            </span>
-          </button>
+          {!data.rawFileDetails?.archive?.uncompressed ? (
+            <button
+              className="flex space-x-1 sm:mt-0 sm:flex-row sm:items-center rounded-lg border border-green-400 dark:border-green-200 bg-green-200 px-3 py-2 text-gray-500 hover:bg-transparent hover:text-green-600 focus:outline-none focus:ring active:text-indigo-500"
+              onClick={() => refetch()}
+            >
+              <span className="text-md">Unpack Comic Archive</span>
+              <span className="w-6 h-6">
+                <i className="h-6 w-6 icon-[solar--box-bold-duotone]"></i>
+              </span>
+            </button>
+          ) : null}
 
           {!isEmpty(uncompressedArchive) ? (
             <div>
@@ -216,9 +218,7 @@ export const ArchiveOperations = (props): ReactElement => {
               data={uncompressedArchive}
               onClickHandler={openImageAnalysisPanel}
             />
-          ) : (
-            "asdas"
-          )}
+          ) : null}
         </div>
       </div>
       <SlidingPane