src/pages/settings/nostrLogin/index.tsx

@@ -10,9 +10,14 @@ import { launch as launchNostrLoginDialog } from 'nostr-login'
 import { Container } from '../../../components/Container'
 import PeopleIcon from '@mui/icons-material/People'
 import ImportExportIcon from '@mui/icons-material/ImportExport'
+import { useAppSelector } from '../../../hooks/store'
+import { NostrLoginAuthMethod } from '../../../store/auth/types'
 
 export const NostrLoginPage = () => {
   const theme = useTheme()
+  const nostrLoginAuthMethod = useAppSelector(
+    (state) => state.auth?.nostrLoginAuthMethod
+  )
 
   return (
     <Container>
@@ -50,21 +55,23 @@ export const NostrLoginPage = () => {
             }}
           />
         </ListItemButton>
-        <ListItemButton
+        {nostrLoginAuthMethod === NostrLoginAuthMethod.Local && (
-          onClick={() => {
+          <ListItemButton
-            launchNostrLoginDialog('import')
+            onClick={() => {
-          }}
+              launchNostrLoginDialog('import')
-        >
-          <ListItemIcon>
-            <ImportExportIcon />
-          </ListItemIcon>
-          <ListItemText
-            primary={'Import / Export Keys'}
-            sx={{
-              color: theme.palette.text.primary
             }}
-          />
+          >
-        </ListItemButton>
+            <ListItemIcon>
+              <ImportExportIcon />
+            </ListItemIcon>
+            <ListItemText
+              primary={'Import / Export Keys'}
+              sx={{
+                color: theme.palette.text.primary
+              }}
+            />
+          </ListItemButton>
+        )}
       </List>
     </Container>
   )