Improve verification instructions (cinnyapp#1301)

anyone00 · Jun 21, 2023 · 4c84673 · 4c84673
1 parent 715f2bc
commit 4c84673
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/app/organisms/settings/DeviceManage.jsx b/src/app/organisms/settings/DeviceManage.jsx
@@ -217,6 +217,26 @@ function DeviceManage() {
     <div className="device-manage">
       <div>
         <MenuHeader>Unverified sessions</MenuHeader>
+        {!isMeVerified && (
+          <div style={{ padding: 'var(--sp-extra-tight) var(--sp-normal)' }}>
+            <InfoCard
+              rounded
+              variant="primary"
+              iconSrc={InfoIC}
+              title="Verify this session either with your Security Key/Phrase here or by initiating emoji verification from a verified session."
+            />
+          </div>
+        )}
+        {isMeVerified && unverified.length > 0 && (
+          <div style={{ padding: 'var(--sp-extra-tight) var(--sp-normal)' }}>
+            <InfoCard
+              rounded
+              variant="surface"
+              iconSrc={InfoIC}
+              title="Verify other sessions by emoji verification or remove unfamiliar ones."
+            />
+          </div>
+        )}
         {!isCSEnabled && (
           <div style={{ padding: 'var(--sp-extra-tight) var(--sp-normal)' }}>
             <InfoCard