src/components/AppBar/AppBar.tsx

@@ -28,6 +28,8 @@ import { faClose } from '@fortawesome/free-solid-svg-icons'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import { useLogout } from '../../hooks/useLogout'
 
+import { launch as launchNostrLoginDialog } from 'nostr-login'
+
 export const AppBar = () => {
   const navigate = useNavigate()
   const logout = useLogout()
@@ -128,7 +130,7 @@ export const AppBar = () => {
                 <Button
                   startIcon={<ButtonIcon />}
                   onClick={() => {
-                    navigate(appPublicRoutes.nostr)
+                    launchNostrLoginDialog('welcome')
                   }}
                   variant="contained"
                 >

src/pages/landing/index.tsx

@@ -1,7 +1,6 @@
 import { Box, Button } from '@mui/material'
 import { useEffect } from 'react'
-import { Outlet, useLocation, useNavigate } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router-dom'
-import { appPublicRoutes } from '../../routes'
 import { saveVisitedLink } from '../../utils'
 import { CardComponent } from '../../components/Landing/CardComponent/CardComponent'
 import { Container } from '../../components/Container'
@@ -20,13 +19,13 @@ import {
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIconStack } from '../../components/FontAwesomeIconStack'
 import { Footer } from '../../components/Footer/Footer'
+import { launch as launchNostrLoginDialog } from 'nostr-login'
 
 export const LandingPage = () => {
-  const navigate = useNavigate()
   const location = useLocation()
 
   const onSignInClick = async () => {
-    navigate(appPublicRoutes.nostr)
+    launchNostrLoginDialog('welcome')
   }
 
   const cards = [

src/routes/index.tsx

@@ -1,11 +1,7 @@
-import { Modal } from '../layouts/modal'
 import { CreatePage } from '../pages/create'
 import { HomePage } from '../pages/home'
 import { LandingPage } from '../pages/landing'
-import { Login } from '../pages/login'
-import { Nostr } from '../pages/nostr'
 import { ProfilePage } from '../pages/profile'
-import { Register } from '../pages/register'
 import { SettingsPage } from '../pages/settings/Settings'
 import { CacheSettingsPage } from '../pages/settings/cache'
 import { NostrLoginPage } from '../pages/settings/nostrLogin'
@@ -87,29 +83,7 @@ export const publicRoutes: PublicRouteProps[] = [
   {
     path: appPublicRoutes.landingPage,
     hiddenWhenLoggedIn: true,
-    element: <LandingPage />,
+    element: <LandingPage />
-    children: [
-      {
-        element: <Modal />,
-        children: [
-          {
-            path: appPublicRoutes.login,
-            hiddenWhenLoggedIn: true,
-            element: <Login />
-          },
-          {
-            path: appPublicRoutes.register,
-            hiddenWhenLoggedIn: true,
-            element: <Register />
-          },
-          {
-            path: appPublicRoutes.nostr,
-            hiddenWhenLoggedIn: true,
-            element: <Nostr />
-          }
-        ]
-      }
-    ]
   },
   {
     path: appPublicRoutes.profile,