From 11ad281d724a94b8236eec8a5eacf9a07d95c478 Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 16 Sep 2023 08:57:24 +0700
Subject: [PATCH] wip
---
src/shared/notes/users/repost.tsx | 4 +-
src/shared/widgets/other/learnNostr.tsx | 156 ++++++++++++++++--------
2 files changed, 106 insertions(+), 54 deletions(-)
diff --git a/src/shared/notes/users/repost.tsx b/src/shared/notes/users/repost.tsx
index 8f329bf2..b84757ea 100644
--- a/src/shared/notes/users/repost.tsx
+++ b/src/shared/notes/users/repost.tsx
@@ -18,10 +18,10 @@ export function RepostUser({ pubkey }: { pubkey: string }) {
className="relative z-20 inline-block h-6 w-6 rounded bg-white ring-1 ring-black"
/>
-
+
{user?.name || user?.display_name || shortenKey(pubkey)}
- reposted
+ reposted
);
diff --git a/src/shared/widgets/other/learnNostr.tsx b/src/shared/widgets/other/learnNostr.tsx
index 82b8c3b0..d6dbe64c 100644
--- a/src/shared/widgets/other/learnNostr.tsx
+++ b/src/shared/widgets/other/learnNostr.tsx
@@ -1,66 +1,118 @@
+import { Link } from 'react-router-dom';
+
import { ArrowRightIcon } from '@shared/icons';
import { TitleBar } from '@shared/titleBar';
import { Widget } from '@utils/types';
+const resources = [
+ {
+ title: 'The Basics (provide by nostr.com)',
+ data: [
+ {
+ title: 'What is Nostr?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'Understanding keys',
+ image: '',
+ url: '',
+ },
+ {
+ title: "What's a client?",
+ image: '',
+ url: '',
+ },
+ {
+ title: 'What are relays?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'What is an event?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to help Nostr?',
+ image: '',
+ url: '',
+ },
+ ],
+ },
+ {
+ title: 'Lume Tutorials',
+ data: [
+ {
+ title: 'How to use widget?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to send a post?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to find more people?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to edit your profile?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to use focus mode?',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'Report an issue',
+ image: '',
+ url: '',
+ },
+ {
+ title: 'How to support Lume',
+ image: '',
+ url: '',
+ },
+ ],
+ },
+];
+
export function LearnNostrWidget({ params }: { params: Widget }) {
return (
-
-
-
The Basics
-
-
-
-
-
-
What is Nostr?
-
Unread
-
-
-
-
-
-
-
-
-
Understanding keys
-
Unread
-
-
-
-
-
-
-
-
-
What's a client?
-
Unread
-
-
-
-
-
-
-
-
-
What are relays?
-
Unread
-
-
-
+
+ {resources.map((resource, index) => (
+
+
{resource.title}
+
+ {resource.data.map((item, index) => (
+
+
+
+
+
{item.title}
+
Unread
+
+
+
+
+ ))}
-
+ ))}
);