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

wip: refactor

Browse Source
This commit is contained in:
Ren Amamiya
2023-08-17 15:11:40 +07:00
parent ab61bfb2cd
commit 414dd50a5c
33 changed files with 958 additions and 648 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,11 +3,11 @@ 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 { FeedBlock } from '@app/space/components/widgets/feed';
import { HashtagBlock } from '@app/space/components/widgets/hashtag';
import { NetworkBlock } from '@app/space/components/widgets/network';
import { FeedWidget } from '@app/space/components/widgets/feed';
import { HashtagWidget } from '@app/space/components/widgets/hashtag';
import { NetworkWidget } from '@app/space/components/widgets/network';
import { ThreadBlock } from '@app/space/components/widgets/thread';
import { UserBlock } from '@app/space/components/widgets/user';
import { UserWidget } from '@app/space/components/widgets/user';
import { useStorage } from '@libs/storage/provider';
@@ -29,15 +29,15 @@ export function SpaceScreen() {
(widget: Widget) => {
switch (widget.kind) {
case 1:
return <FeedBlock key={widget.id} params={widget} />;
return <FeedWidget key={widget.id} params={widget} />;
case 2:
return <ThreadBlock key={widget.id} params={widget} />;
case 3:
return <HashtagBlock key={widget.id} params={widget} />;
return <HashtagWidget key={widget.id} params={widget} />;
case 5:
return <UserBlock key={widget.id} params={widget} />;
return <UserWidget key={widget.id} params={widget} />;
case 9999:
return <NetworkBlock key={widget.id} />;
return <NetworkWidget key={widget.id} />;
default:
break;
}
@@ -52,7 +52,7 @@ export function SpaceScreen() {
return (
<div className="scrollbar-hide flex h-full w-full flex-nowrap divide-x divide-white/5 overflow-x-auto overflow-y-hidden">
{!widgets ? (
<div className="flex w-[350px] shrink-0 flex-col">
<div className="flex w-[400px] shrink-0 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>
@@ -60,14 +60,14 @@ export function SpaceScreen() {
) : (
widgets.map((widget) => renderItem(widget))
)}
<div className="flex w-[350px] shrink-0 flex-col">
<div className="flex w-[250px] shrink-0 flex-col">
<div className="inline-flex h-full w-full flex-col items-center justify-center gap-1">
<FeedModal />
<ImageModal />
<HashtagModal />
</div>
</div>
<div className="w-[250px] shrink-0" />
<div className="w-[150px] shrink-0" />
</div>
);
}