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

added reload button for newsfeed

Browse Source
This commit is contained in:
Ren Amamiya
2023-03-02 15:16:23 +07:00
parent 862082c857
commit 09c7ccc023
4 changed files with 32 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/note/repost.tsx
View File

@@ -4,17 +4,10 @@ import { UserRepost } from '@components/note/atoms/userRepost';
import { Content } from '@components/note/content';
import { Placeholder } from '@components/note/placeholder';
import * as Dialog from '@radix-ui/react-dialog';
import { LoopIcon } from '@radix-ui/react-icons';
import useLocalStorage from '@rehooks/local-storage';
import dynamic from 'next/dynamic';
import { memo, useContext, useState } from 'react';
const Modal = dynamic(() => import('@components/note/modal'), {
ssr: false,
loading: () => <></>,
});
export const Repost = memo(function Repost({ root, user }: { root: any; user: string }) {
const relayPool: any = useContext(RelayContext);
const [relays]: any = useLocalStorage('relays');
@@ -40,23 +33,15 @@ export const Repost = memo(function Repost({ root, user }: { root: any; user: st
if (events !== null && Object.keys(events).length > 0) {
return (
<Dialog.Root>
<Dialog.Trigger>
<div className="flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 py-6 px-6">
<div className="flex items-center gap-1 pl-8 text-sm">
<LoopIcon className="h-4 w-4 text-zinc-400" />
<div className="ml-2">
<UserRepost pubkey={user} />
</div>
</div>
{events[0].content && <Content data={events[0]} />}
<div className="flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 py-6 px-6">
<div className="flex items-center gap-1 pl-8 text-sm">
<LoopIcon className="h-4 w-4 text-zinc-400" />
<div className="ml-2">
<UserRepost pubkey={user} />
</div>
<Dialog.Portal>
<Dialog.Overlay className="fixed inset-0 bg-black bg-opacity-30 backdrop-blur-sm data-[state=open]:animate-overlayShow" />
<Dialog.Content className="fixed inset-0 overflow-y-auto">{events[0].content && <Modal event={events[0]} />}</Dialog.Content>
</Dialog.Portal>
</Dialog.Trigger>
</Dialog.Root>
</div>
{events[0].content && <Content data={events[0]} />}
</div>
);
} else {
return (