-
+
+
+
+
+
+
+
);
}
diff --git a/src/shared/icons/handArrowDown.tsx b/src/shared/icons/handArrowDown.tsx
new file mode 100644
index 00000000..3eeeb8de
--- /dev/null
+++ b/src/shared/icons/handArrowDown.tsx
@@ -0,0 +1,29 @@
+import { SVGProps } from 'react';
+
+export function HandArrowDownIcon(
+ props: JSX.IntrinsicAttributes & SVGProps
+) {
+ return (
+
+ );
+}
diff --git a/src/shared/icons/index.ts b/src/shared/icons/index.ts
index 24e62684..eb6bf2ca 100644
--- a/src/shared/icons/index.ts
+++ b/src/shared/icons/index.ts
@@ -66,3 +66,4 @@ export * from './stars';
export * from './nwc';
export * from './timeline';
export * from './dots';
+export * from './handArrowDown';
diff --git a/src/shared/navigation.tsx b/src/shared/navigation.tsx
index d3b2530a..14fe54cf 100644
--- a/src/shared/navigation.tsx
+++ b/src/shared/navigation.tsx
@@ -90,7 +90,7 @@ export function Navigation() {
Home
twMerge(
@@ -104,7 +104,24 @@ export function Navigation() {
- Browse
+ Relays
+
+
+ twMerge(
+ 'flex h-10 items-center gap-2.5 rounded-r-lg border-l-2 pl-4 pr-3',
+ isActive
+ ? 'border-fuchsia-500 bg-white/5 text-white'
+ : 'border-transparent text-white/70'
+ )
+ }
+ >
+
+
+
+ Explore
-
+ src={url}
+ poster={`https://thumbnail.video/api/get?url=${url}&seconds=1`}
+ load="visible"
+ aspectRatio="16/9"
+ crossorigin=""
+ >
+
+
{urls.map((url) => (
-
);
diff --git a/src/shared/user.tsx b/src/shared/user.tsx
index 13c1a519..7c467bd9 100644
--- a/src/shared/user.tsx
+++ b/src/shared/user.tsx
@@ -29,7 +29,8 @@ export const User = memo(function User({
| 'chat'
| 'large'
| 'thread'
- | 'avatar';
+ | 'avatar'
+ | 'stacked';
embedProfile?: string;
}) {
const { status, user } = useProfile(pubkey, embedProfile);
@@ -186,6 +187,28 @@ export const User = memo(function User({
);
}
+ if (variant === 'stacked') {
+ return (
+
+
+
+ 
+
+
+ );
+ }
+
if (variant === 'repost') {
return (
diff --git a/src/shared/widgets/eventLoader.tsx b/src/shared/widgets/eventLoader.tsx
index 72492253..0f15b7aa 100644
--- a/src/shared/widgets/eventLoader.tsx
+++ b/src/shared/widgets/eventLoader.tsx
@@ -19,7 +19,7 @@ export function EventLoader({ firstTime }: { firstTime: boolean }) {
useEffect(() => {
async function getEvents() {
const events = await getAllEventsSinceLastLogin();
- console.log('total event found: ', events.data.length);
+ console.log('total new events has found: ', events.data.length);
const promises = await Promise.all(
events.data.map(async (event) => await db.createEvent(event))
diff --git a/src/utils/hooks/useNostr.ts b/src/utils/hooks/useNostr.ts
index dbd4e82c..9aae02ac 100644
--- a/src/utils/hooks/useNostr.ts
+++ b/src/utils/hooks/useNostr.ts
@@ -305,6 +305,31 @@ export function useNostr() {
return events as unknown as NDKEvent[];
};
+ const getAllRelaysByUsers = async () => {
+ const relayMap = new Map();
+ const relayEvents = fetcher.fetchLatestEventsPerAuthor(
+ {
+ authors: db.account.follows,
+ relayUrls: relayUrls,
+ },
+ { kinds: [NDKKind.RelayList] },
+ 5
+ );
+
+ for await (const { author, events } of relayEvents) {
+ if (events[0]) {
+ events[0].tags.forEach((tag) => {
+ const users = relayMap.get(tag[1]);
+
+ if (!users) return relayMap.set(tag[1], [author]);
+ return users.push(author);
+ });
+ }
+ }
+
+ return relayMap;
+ };
+
const publish = async ({
content,
kind,
@@ -450,5 +475,6 @@ export function useNostr() {
upload,
getContactsByPubkey,
getEventsByPubkey,
+ getAllRelaysByUsers,
};
}