From 740a3d84828a382c33a0c79eb33acbbbaba888d8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 27 Oct 2024 12:55:10 -0500
Subject: [PATCH] nip44 browser extension is required for Ditto

---
 .../components/nostr-extension-indicator.tsx  | 40 ++++++++++++++-----
 src/locales/en.json                           |  1 +
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx b/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
index 33cbccc3c..3e24808f7 100644
--- a/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
@@ -15,20 +15,38 @@ const NostrExtensionIndicator: React.FC = () => {
     dispatch(closeModal());
   };
 
+  function renderBody(): React.ReactNode {
+    if (window.nostr && window.nostr.nip44) {
+      return (
+        <FormattedMessage
+          id='nostr_extension.found'
+          defaultMessage='<link>Sign in</link> with browser extension.'
+          values={{
+            link: (node) => <button type='button' className='underline' onClick={onClick}>{node}</button>,
+          }}
+        />
+      );
+    } else if (window.nostr) {
+      return (
+        <FormattedMessage
+          id='nostr_extension.not_supported'
+          defaultMessage='Browser extension not supported. Please upgrade to the latest version.'
+        />
+      );
+    } else {
+      return (
+        <FormattedMessage
+          id='nostr_extension.not_found'
+          defaultMessage='Browser extension not found.'
+        />
+      );
+    }
+  }
+
   return (
     <Stack space={2} className='flex items-center rounded-lg bg-gray-100 p-2 dark:bg-gray-800'>
       <Text size='xs'>
-        {window.nostr ? (
-          <FormattedMessage
-            id='nostr_extension.found'
-            defaultMessage='<link>Sign in</link> with browser extension.'
-            values={{
-              link: (node) => <button type='button' className='underline' onClick={onClick}>{node}</button>,
-            }}
-          />
-        ) : (
-          <FormattedMessage id='nostr_extension.not_found' defaultMessage='Browser extension not found.' />
-        )}
+        {renderBody()}
       </Text>
     </Stack>
   );
diff --git a/src/locales/en.json b/src/locales/en.json
index 541cddd3f..d75c5c114 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1167,6 +1167,7 @@
   "new_group_panel.title": "Create Group",
   "nostr_extension.found": "<link>Sign in</link> with browser extension.",
   "nostr_extension.not_found": "Browser extension not found.",
+  "nostr_extension.not_supported": "Browser extension not supported. Please upgrade to the latest version.",
   "nostr_login.siwe.action": "Log in with extension",
   "nostr_login.siwe.alt": "Log in with key",
   "nostr_login.siwe.sign_up": "Sign Up",