fix: change of icon for verification unavailable

cardano-foundation · Feb 8, 2024 · 1be2e5d · 1be2e5d
1 parent be643fb
commit 1be2e5d
Showing 1 changed file with 31 additions and 14 deletions.
diff --git a/src/components/TransactionDetail/TransactionMetadata/Metadata/BolnisiWineDrawer.tsx b/src/components/TransactionDetail/TransactionMetadata/Metadata/BolnisiWineDrawer.tsx
@@ -97,20 +97,37 @@ const BolnisiWineDrawer = () => {
             <Header>
               <Box width={100} height={100} borderRadius={"50%"} mx={"auto"} position={"relative"}>
                 <DefaultImageWine width={"100px"} height={"100px"} fontSize="36px" name={getWineName(wineryId) || ""} />
-                <Box
-                  position={"absolute"}
-                  width={32}
-                  height={32}
-                  display={"flex"}
-                  alignItems={"center"}
-                  justifyContent={"center"}
-                  bgcolor={theme.palette.success[700]}
-                  borderRadius={"50%"}
-                  bottom={0}
-                  right={0}
-                >
-                  <VerifiedIcon width={20} height={20} />
-                </Box>
+                {!data?.externalApiAvailable ? (
+                  <Box
+                    position={"absolute"}
+                    width={32}
+                    height={32}
+                    display={"flex"}
+                    alignItems={"center"}
+                    justifyContent={"center"}
+                    bgcolor={theme.palette.warning[700]}
+                    borderRadius={"50%"}
+                    bottom={0}
+                    right={0}
+                  >
+                    <InvalidIcon fill={theme.palette.secondary.main} />
+                  </Box>
+                ) : (
+                  <Box
+                    position={"absolute"}
+                    width={32}
+                    height={32}
+                    display={"flex"}
+                    alignItems={"center"}
+                    justifyContent={"center"}
+                    bgcolor={theme.palette.success[700]}
+                    borderRadius={"50%"}
+                    bottom={0}
+                    right={0}
+                  >
+                    <VerifiedIcon width={20} height={20} />
+                  </Box>
+                )}
               </Box>
 
               <Box mt={2}>