From 3423b5848f4ff388d8153b35e1c7cc6d1fad20dc Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 6 Dec 2023 18:07:45 +1100
Subject: [PATCH] fix(ui): do not disable the metadata and workflow tabs in
 viewer

Disabling these introduces an issue where, if you were on an image with a workflow/metadata, then switch to one without, you can end up on a disabled tab. This could potentially cause a runtime error.
---
 .../components/ImageMetadataViewer/ImageMetadataViewer.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx
index 217fc973af..3295cc3117 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx
@@ -63,12 +63,13 @@ const ImageMetadataViewer = ({ image }: ImageMetadataViewerProps) => {
           w: 'full',
           h: 'full',
         }}
+        isLazy={true}
       >
         <TabList>
           <Tab>{t('metadata.recallParameters')}</Tab>
-          <Tab isDisabled={!metadata}>{t('metadata.metadata')}</Tab>
+          <Tab>{t('metadata.metadata')}</Tab>
           <Tab>{t('metadata.imageDetails')}</Tab>
-          <Tab isDisabled={!image.has_workflow}>{t('metadata.workflow')}</Tab>
+          <Tab>{t('metadata.workflow')}</Tab>
         </TabList>
 
         <TabPanels>