feat(app): low quality icon

Phala-Network · Oct 8, 2023 · f14ff6f · f14ff6f
1 parent 41812a2
commit f14ff6f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/app/components/BasePool/Identity.tsx b/apps/app/components/BasePool/Identity.tsx
@@ -1,5 +1,6 @@
 import {type Account} from '@/lib/subsquidQuery'
 import {chainAtom} from '@/store/common'
+import ErrorOutline from '@mui/icons-material/ErrorOutline'
 import RemoveCircleOutline from '@mui/icons-material/RemoveCircleOutline'
 import VerifiedOutlined from '@mui/icons-material/VerifiedOutlined'
 import {alpha, Link, Stack, Tooltip, Typography, useTheme} from '@mui/material'
@@ -17,6 +18,7 @@ const Identity: FC<
   const verified =
     identityLevel === 'KnownGood' || identityLevel === 'Reasonable'
 
+  const lowQuality = identityLevel === 'LowQuality'
   const link = (
     <Link
       variant={detail ? 'h6' : 'caption'}
@@ -69,6 +71,11 @@ const Identity: FC<
                 color="success"
                 sx={{width: detail ? 22 : 16, flexShrink: 0}}
               />
+            ) : lowQuality ? (
+              <ErrorOutline
+                color="error"
+                sx={{width: detail ? 22 : 16, flexShrink: 0}}
+              />
             ) : (
               <RemoveCircleOutline
                 color="disabled"