diff --git a/src/shared/navigation.tsx b/src/shared/navigation.tsx
index c545783f..ad88d6e5 100644
--- a/src/shared/navigation.tsx
+++ b/src/shared/navigation.tsx
@@ -1,13 +1,9 @@
-import { NavLink, useNavigate } from 'react-router-dom';
+import { NavLink } from 'react-router-dom';
import { twMerge } from 'tailwind-merge';
-import { useStorage } from '@libs/storage/provider';
-
import { ActiveAccount } from '@shared/accounts/active';
import { ComposerModal } from '@shared/composer';
import {
- ArrowLeftIcon,
- ArrowRightIcon,
ChatsIcon,
CommunityIcon,
ExploreIcon,
@@ -18,148 +14,117 @@ import {
export function Navigation() {
return (
-
+
{({ isActive }) => (
<>
-
-
{' '}
-
- Home
+
+ Home
>
)}
{({ isActive }) => (
<>
-
-
{' '}
-
- Chats
+
+ Chats
>
)}
{({ isActive }) => (
<>
-
-
{' '}
-
- Groups
+
+ Groups
>
)}
{({ isActive }) => (
<>
-
-
{' '}
-
- Relays
+
+ Relays
>
)}
{({ isActive }) => (
<>
-
-
{' '}
-
- Explore
+
+ Explore
>
)}
+
);
}
diff --git a/src/shared/notes/child.tsx b/src/shared/notes/child.tsx
index 9800d5ed..b1ae0adb 100644
--- a/src/shared/notes/child.tsx
+++ b/src/shared/notes/child.tsx
@@ -34,7 +34,7 @@ export function ChildNote({ id, root }: { id: string; root?: string }) {
if (status === 'loading') {
return (
<>
-
+
@@ -46,7 +46,7 @@ export function ChildNote({ id, root }: { id: string; root?: string }) {
const noteLink = `https://njump.me/${nip19.noteEncode(id)}`;
return (
<>
-
+
@@ -78,7 +78,7 @@ export function ChildNote({ id, root }: { id: string; root?: string }) {
return (
<>
-
+
diff --git a/src/shared/notes/kinds/file.tsx b/src/shared/notes/kinds/file.tsx
index 866ae0cf..337e83cc 100644
--- a/src/shared/notes/kinds/file.tsx
+++ b/src/shared/notes/kinds/file.tsx
@@ -40,13 +40,7 @@ export function FileNote(props: { event?: NDKEvent }) {
crossorigin=""
className="player"
>
-
-
-
+
-
-
- Unknown kind: {props.event.kind}
+
+
+
+ Kind: {props.event.kind}
-
- Lume isn't fully support this kind
+
+ Unsupport kind on newsfeed
-
+
{props.event.content.toString()}
diff --git a/src/shared/notes/preview/link.tsx b/src/shared/notes/preview/link.tsx
index 48183240..98fb4348 100644
--- a/src/shared/notes/preview/link.tsx
+++ b/src/shared/notes/preview/link.tsx
@@ -31,7 +31,9 @@ export function LinkPreview({ urls }: { urls: string[] }) {
Can't fetch open graph, click to open webpage
-
{domain.hostname}
+
+ {domain.hostname}
+
) : (
<>
@@ -46,15 +48,17 @@ export function LinkPreview({ urls }: { urls: string[] }) {
/>
)}
-
+
{data.title}
{data.description && (
-
+
{data.description}
)}
-
{domain.hostname}
+
+ {domain.hostname}
+
>
)}
diff --git a/src/shared/notes/preview/video.tsx b/src/shared/notes/preview/video.tsx
index 4e9312b4..ee4ed266 100644
--- a/src/shared/notes/preview/video.tsx
+++ b/src/shared/notes/preview/video.tsx
@@ -18,13 +18,7 @@ export function VideoPreview({ urls }: { urls: string[] }) {
muted={true}
className="player"
>
-
-
-
+
-
-
+
+
+
{compactNumber.format(data.reactions)}
- {' '}
- reactions
-
-
·
-
-
+
+
Reactions
+
+
+
{compactNumber.format(data.reposts)}
- {' '}
- reposts
-
-
·
-
-
+
+
Reposts
+
+
+
{compactNumber.format(data.zaps)}
- {' '}
- zaps
-
+
+
Zaps
+
);
}
diff --git a/src/shared/titleBar.tsx b/src/shared/titleBar.tsx
index 885c0688..b78495af 100644
--- a/src/shared/titleBar.tsx
+++ b/src/shared/titleBar.tsx
@@ -9,12 +9,11 @@ export function TitleBar({ id, title }: { id?: string; title: string }) {
const remove = useWidgets((state) => state.removeWidget);
return (
-
+
-
{title}
+
+ {title}
+
{id ? (
-
+
{user?.name || user?.display_name || user?.displayName || 'Anon'}
-
-
{createdAt}
-
·
-
- {displayNpub(pubkey, 16)}
-
+
+ {createdAt}
+ ·
+ {displayNpub(pubkey, 16)}
@@ -310,7 +308,7 @@ export const User = memo(function User({
loading="lazy"
decoding="async"
style={{ contentVisibility: 'auto' }}
- className="h-10 w-10 rounded-lg border border-white/5"
+ className="h-10 w-10 rounded-lg border border-white/5 object-cover"
/>
) : (
-
-
+
)}
+
diff --git a/src/shared/widgets/local/user.tsx b/src/shared/widgets/local/user.tsx
index 10bd8fde..8e47a808 100644
--- a/src/shared/widgets/local/user.tsx
+++ b/src/shared/widgets/local/user.tsx
@@ -81,7 +81,7 @@ export function LocalUserWidget({ params }: { params: Widget }) {
return (
-
+
@@ -107,10 +107,7 @@ export function LocalUserWidget({ params }: { params: Widget }) {
) : (
-
- {data.map((item) => renderItem(item))}
-
-
+ {data.map((item) => renderItem(item))}
)}
diff --git a/src/shared/widgets/wrapper.tsx b/src/shared/widgets/wrapper.tsx
index ff676677..e59fce25 100644
--- a/src/shared/widgets/wrapper.tsx
+++ b/src/shared/widgets/wrapper.tsx
@@ -20,7 +20,10 @@ export function WidgetWrapper({
}}
minWidth={420}
minHeight={'100vh'}
- className={twMerge('relative shrink-0 grow-0', className)}
+ className={twMerge(
+ 'h-full border-r border-zinc-100 pb-10 dark:border-zinc-900',
+ className
+ )}
enable={{ right: true }}
>
{children}