-
-
+
+
+ {DefaultWidgets.map((row: WidgetGroup) => renderItem(row))}
+
+
+
diff --git a/src/app/space/index.tsx b/src/app/space/index.tsx
index 927f23d6..c1931b26 100644
--- a/src/app/space/index.tsx
+++ b/src/app/space/index.tsx
@@ -10,6 +10,7 @@ import {
GlobalArticlesWidget,
GlobalFilesWidget,
GlobalHashtagWidget,
+ LearnNostrWidget,
LocalArticlesWidget,
LocalFeedsWidget,
LocalFilesWidget,
@@ -69,8 +70,10 @@ export function SpaceScreen() {
return
;
case WidgetKinds.tmp.list:
return
;
+ case WidgetKinds.other.learnNostr:
+ return
;
default:
- break;
+ return null;
}
},
[widgets]
diff --git a/src/shared/accounts/more.tsx b/src/shared/accounts/more.tsx
index a86f4b00..88a59488 100644
--- a/src/shared/accounts/more.tsx
+++ b/src/shared/accounts/more.tsx
@@ -19,7 +19,7 @@ export function AccountMoreActions({ pubkey }: { pubkey: string }) {
-
+
@@ -59,7 +59,7 @@ export function Navigation() {
'flex h-10 items-center justify-between rounded-r-lg border-l-2 pl-4 pr-2',
isActive
? 'border-fuchsia-500 bg-white/5 text-white'
- : 'border-transparent text-white/80'
+ : 'border-transparent text-white/70'
)
}
>
@@ -104,7 +104,7 @@ export function Navigation() {
'flex h-10 items-center gap-2.5 rounded-r-lg border-l-2 pl-4 pr-2',
isActive
? 'border-fuchsia-500 bg-white/5 text-white'
- : 'border-transparent text-white/80'
+ : 'border-transparent text-white/70'
)
}
>
diff --git a/src/shared/widgets/index.ts b/src/shared/widgets/index.ts
index bda8fbf9..68e240ec 100644
--- a/src/shared/widgets/index.ts
+++ b/src/shared/widgets/index.ts
@@ -11,3 +11,4 @@ export * from './nostrBand/trendingNotes';
export * from './nostrBand/trendingAccounts';
export * from './tmp/feeds';
export * from './tmp/hashtag';
+export * from './other/learnNostr';
diff --git a/src/shared/widgets/other/learnNostr.tsx b/src/shared/widgets/other/learnNostr.tsx
new file mode 100644
index 00000000..82b8c3b0
--- /dev/null
+++ b/src/shared/widgets/other/learnNostr.tsx
@@ -0,0 +1,67 @@
+import { ArrowRightIcon } from '@shared/icons';
+import { TitleBar } from '@shared/titleBar';
+
+import { Widget } from '@utils/types';
+
+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
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/stores/widgets.ts b/src/stores/widgets.ts
index b612eee9..d1805eef 100644
--- a/src/stores/widgets.ts
+++ b/src/stores/widgets.ts
@@ -32,6 +32,9 @@ export const WidgetKinds = {
trendingAccounts: 1,
trendingNotes: 2,
},
+ other: {
+ learnNostr: 90000,
+ },
tmp: {
list: 10000,
xfeed: 10001,
@@ -100,6 +103,16 @@ export const DefaultWidgets: Array = [
},
],
},
+ {
+ title: 'Other',
+ data: [
+ {
+ kind: WidgetKinds.other.learnNostr,
+ title: 'Learn Nostr',
+ description: 'All things you need to know about Nostr',
+ },
+ ],
+ },
];
export const useWidgets = create()(