From 9d7e10759e7e9dcffc45939e0cfdae6d38fdf4fd Mon Sep 17 00:00:00 2001
From: gen740 <gen740.f@gmail.com>
Date: Fri, 17 Nov 2023 14:53:56 +0900
Subject: [PATCH] Hide study artifact card when artifact is not enabled

---
 .../ts/components/StudyHistory.tsx            | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/optuna_dashboard/ts/components/StudyHistory.tsx b/optuna_dashboard/ts/components/StudyHistory.tsx
index dbe15427..bdfb225b 100644
--- a/optuna_dashboard/ts/components/StudyHistory.tsx
+++ b/optuna_dashboard/ts/components/StudyHistory.tsx
@@ -172,31 +172,31 @@ export const StudyHistory: FC<{ studyId: number }> = ({ studyId }) => {
         </Grid2>
       </Grid2>
 
-      <Grid2 container spacing={2} sx={{ padding: theme.spacing(0, 2) }}>
-        <Grid2 xs={6}>
-          <Card>
-            <CardContent
-              sx={{
-                display: "flex",
-                flexDirection: "column",
-              }}
-            >
-              <Typography
-                variant="h6"
+      {artifactEnabled && studyDetail !== null && (
+        <Grid2 container spacing={2} sx={{ padding: theme.spacing(0, 2) }}>
+          <Grid2 xs={6}>
+            <Card>
+              <CardContent
                 sx={{
-                  margin: "1em 0",
-                  fontWeight: theme.typography.fontWeightBold,
+                  display: "flex",
+                  flexDirection: "column",
                 }}
               >
-                Study Artifacts
-              </Typography>
-              {artifactEnabled && studyDetail !== null && (
+                <Typography
+                  variant="h6"
+                  sx={{
+                    margin: "1em 0",
+                    fontWeight: theme.typography.fontWeightBold,
+                  }}
+                >
+                  Study Artifacts
+                </Typography>
                 <StudyArtifactCards study={studyDetail} />
-              )}
-            </CardContent>
-          </Card>
+              </CardContent>
+            </Card>
+          </Grid2>
         </Grid2>
-      </Grid2>
+      )}
     </Box>
   )
 }