feat: now home page

package.json

@@ -16,6 +16,7 @@
     "@nostr-dev-kit/ndk-cache-dexie": "^2.2.6",
     "@nostr-dev-kit/ndk-react": "^0.1.1",
     "lodash": "^4.17.21",
+    "nostr-login": "^1.0.12",
     "nostr-tools": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/components/AuthorProfile/AuthorProfile.css

@@ -15,6 +15,11 @@
   .author-info a svg {
     height: 24px;
     color: white;
+    line-height: 1em;
+  }
+
+  .author-name {
+    padding-right: 1em;
   }
 
   .author-image {

src/components/ScrollView/ScrollView.tsx

@@ -47,7 +47,7 @@ const ScrollView = ({ settings, images, currentImage, setCurrentImage, setViewMo
   const { activeProfile, profileNpub, title } = useProfile(settings, state.activeImage);
 
   const infoPanelAvailable = state.activeImage && (state.activeImage.content || state.activeImage.tags.length > 0);
-  console.log(JSON.stringify([state?.activeImage?.content, state?.activeImage?.tags]));
+  // console.log(JSON.stringify([state?.activeImage?.content, state?.activeImage?.tags]));
   return (
     <div ref={containerRef} className="scrollview" tabIndex={0}>
       <Helmet>

src/components/env.ts

@@ -1,13 +1,18 @@
+import { Dictionary } from 'lodash';
 import { nip19 } from 'nostr-tools';
 
 export const appName = 'slidestr.net';
+type Topic = {
+  tags: string[];
+};
 
-export const topics = {
-  art: ['art', 'artstr', 'beautiful', 'colorful', 'psychedelic'],
-  bitcoin: ['bitcoin', 'plebchain'],
-  nostr: ['coffeechain', 'nostr', 'zapathon', 'grownostr', 'freedom'],
-  animals: ['catstr', 'cute', 'dogstr'],
-  photography: [
+export const topics: Dictionary<Topic> = {
+  art: { tags: ['art', 'artstr', 'beautiful', 'colorful', 'psychedelic'] },
+  bitcoin: { tags: ['bitcoin', 'plebchain'] },
+  nostr: { tags: ['coffeechain', 'nostr', 'zapathon', 'grownostr', 'freedom'] },
+  animals: { tags: ['catstr', 'dogstr', 'animal', 'animals'] },
+  photography: {
+    tags: [
       'naturephotography',
       'photo',
       'photography',
@@ -17,8 +22,11 @@ export const topics = {
       'streetphotography',
       'picstr',
     ],
-  lifestyle: ['fashion', 'flowerstr', 'foodstr', 'style', 'weedstr', 'travel', 'travelstr', 'happy', 'life', 'love'],
-  gardening: ['gardening', 'gardenstr', 'nature'],
+  },
+  lifestyle: {
+    tags: ['fashion', 'flowerstr', 'foodstr', 'style', 'weedstr', 'travel', 'travelstr', 'happy', 'life', 'love'],
+  },
+  gardening: { tags: ['gardening', 'gardenstr', 'nature'] },
 };
 
 export const defaultHashTags = [

src/mainInner.tsx

@@ -3,6 +3,7 @@ import './index.css';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { NDKProvider } from '@nostr-dev-kit/ndk-react';
 import { defaultRelays } from './components/env';
+import Home from './components/Home';
 
 const MainInner = () => {
   //const [state] = useGlobalState();
@@ -10,7 +11,7 @@ const MainInner = () => {
   const router = createBrowserRouter([
     {
       path: '/',
-      element: <App />,
+      element: <Home />,
     },
     {
       path: 'global',