address issue Sayfer.SAY-01

Display a warning similar to native metamask’s one on Sign message popup
PolkaGate · Feb 23, 2024 · 1d4bda9 · 1d4bda9
1 parent 11bd667
commit 1d4bda9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/packages/snap/src/index.test.ts b/packages/snap/src/index.test.ts
@@ -172,8 +172,13 @@ describe('onRpcRequest', () => {
       panel([
         heading(`A signature request is received from ${origin}`),
         divider(),
-        text('Data to sign:'),
+        text('Message to sign:'),
         panel([copyable(signRawParams.raw.data), divider()]),
+        row(
+          'Warning:',
+          text(`**${'proceed only if you understand the message above!'}**`),
+          RowVariant.Warning,
+        ),
       ])
     );
 

diff --git a/packages/snap/src/rpc/signRaw.ts b/packages/snap/src/rpc/signRaw.ts
@@ -1,5 +1,13 @@
 /* eslint-disable jsdoc/require-jsdoc */
-import { copyable, divider, heading, panel, text } from '@metamask/snaps-sdk';
+import {
+  RowVariant,
+  copyable,
+  divider,
+  heading,
+  panel,
+  row,
+  text,
+} from '@metamask/snaps-sdk';
 import { SignerPayloadRaw, SignerResult } from '@polkadot/types/types';
 import { isAscii, u8aToString, u8aUnwrapBytes } from '@polkadot/util';
 import { getKeyPair } from '../util/getKeyPair';
@@ -12,8 +20,13 @@ const contentSignRaw = (origin: string, hexString: string) => {
   return panel([
     heading(`A signature request is received from ${origin}`),
     divider(),
-    text('Data to sign:'),
+    text('Message to sign:'),
     panel([copyable(data), divider()]),
+    row(
+      'Warning:',
+      text(`**${'proceed only if you understand the message above!'}**`),
+      RowVariant.Warning,
+    ),
   ]);
 };