reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update space screen

Browse Source
This commit is contained in:
Ren Amamiya
2023-08-20 15:55:31 +07:00
parent bac70b19ec
commit c4a7ef8867
5 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/space/components/widgets/network.tsx
View File

@@ -121,15 +121,35 @@ export function NetworkWidget() {
const filter: NDKFilter = {
kinds: [1, 6],
authors: db.account.network,
since: Math.floor(Date.now() / 1000),
since: db.account.last_login_at ?? Math.floor(Date.now() / 1000),
};
sub(filter, (event) => console.log('[network] event received: ', event.content));
sub(filter, async (event) => {
console.log('[network] new event', event.id);
let root: string;
let reply: string;
if (event.tags?.[0]?.[0] === 'e' && !event.tags?.[0]?.[3]) {
root = event.tags[0][1];
} else {
root = event.tags.find((el) => el[3] === 'root')?.[1];
reply = event.tags.find((el) => el[3] === 'reply')?.[1];
}
await db.createEvent(
event.id,
JSON.stringify(event),
event.pubkey,
event.kind,
root,
reply,
event.created_at
);
});
}
}, []);
return (
<div className="relative w-[400px] shrink-0 bg-white/10">
<div className="relative shrink-0 grow-0 basis-[400px] bg-white/10">
<TitleBar title="Network" />
<div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
{status === 'loading' ? (

2
src/app/space/components/widgets/user.tsx
View File

@@ -81,7 +81,7 @@ export function UserWidget({ params }: { params: Widget }) {
);
return (
<div className="relative w-[400px] shrink-0 bg-white/10">
<div className="relative shrink-0 grow-0 basis-[400px] bg-white/10">
<TitleBar id={params.id} title={params.title} />
<div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
<div className="px-3 pt-1.5">

23
src/app/space/index.tsx
View File

@@ -1,8 +1,5 @@
import { useCallback, useEffect } from 'react';
import { FeedModal } from '@app/space/components/modals/feed';
import { HashtagModal } from '@app/space/components/modals/hashtag';
import { ImageModal } from '@app/space/components/modals/image';
import { FeedWidget } from '@app/space/components/widgets/feed';
import { HashtagWidget } from '@app/space/components/widgets/hashtag';
import { NetworkWidget } from '@app/space/components/widgets/network';
@@ -11,7 +8,7 @@ import { UserWidget } from '@app/space/components/widgets/user';
import { useStorage } from '@libs/storage/provider';
import { LoaderIcon } from '@shared/icons';
import { LoaderIcon, PlusIcon } from '@shared/icons';
import { useWidgets } from '@stores/widgets';
@@ -51,9 +48,9 @@ export function SpaceScreen() {
}, [fetchWidgets]);
return (
<div className="scrollbar-hide flex h-full w-full flex-nowrap divide-x divide-white/5 overflow-x-auto overflow-y-hidden">
<div className="scrollbar-hide inline-flex h-full w-full min-w-full flex-nowrap items-start divide-x divide-white/5 overflow-x-auto overflow-y-hidden">
{!widgets ? (
<div className="flex w-[400px] shrink-0 flex-col">
<div className="flex shrink-0 grow-0 basis-[400px] flex-col">
<div className="flex w-full flex-1 items-center justify-center p-3">
<LoaderIcon className="h-5 w-5 animate-spin text-white/10" />
</div>
@@ -61,14 +58,16 @@ export function SpaceScreen() {
) : (
widgets.map((widget) => renderItem(widget))
)}
<div className="flex w-[350px] shrink-0 flex-col">
<div className="inline-flex h-full w-full flex-col items-center justify-center gap-1">
<FeedModal />
<ImageModal />
<HashtagModal />
<div className="flex h-full shrink-0 grow-0 basis-[400px] flex-col">
<div className="inline-flex h-full w-full flex-col items-center justify-center">
<button type="button" className="flex flex-col items-center gap-2">
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-white/5 hover:bg-white/10">
<PlusIcon className="h-5 w-5 text-white" />
</div>
<p className="font-medium text-white/50">Add widget</p>
</button>
</div>
</div>
<div className="w-[250px] shrink-0" />
</div>
);
}