From f14ff6f8a287731cade46b4b9df911cd93b124e3 Mon Sep 17 00:00:00 2001
From: kingsleydon <10992364+kingsleydon@users.noreply.github.com>
Date: Sun, 8 Oct 2023 22:09:51 +0800
Subject: [PATCH] feat(app): low quality icon

---
 apps/app/components/BasePool/Identity.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/app/components/BasePool/Identity.tsx b/apps/app/components/BasePool/Identity.tsx
index 1e42698d..00f4ef91 100644
--- 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"