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

minor updates

Browse Source
This commit is contained in:
Ren Amamiya
2023-05-30 09:56:16 +07:00
parent c8f643198e
commit 763af0da14
9 changed files with 58 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/channel/components/messageList.tsx
View File

@@ -9,7 +9,6 @@ export function ChannelMessageList() {
const virtuosoRef = useRef(null);
const messages = useChannelMessages((state: any) => state.messages);
const sorted = messages;
const itemContent: any = useCallback(
(index: string | number) => {

41
src/app/channel/components/messages/form.tsx
View File

@@ -1,6 +1,5 @@
import UserReply from "@app/channel/components/messages/userReply";
import CancelIcon from "@icons/cancel";
import { ImagePicker } from "@shared/form/imagePicker";
import { RelayContext } from "@shared/relayProvider";
import { useActiveAccount } from "@stores/accounts";
import { useChannelMessages } from "@stores/channels";
@@ -11,7 +10,7 @@ import { useContext, useState } from "react";
export default function ChannelMessageForm({
channelID,
}: { channelID: string | string[] }) {
}: { channelID: string }) {
const pool: any = useContext(RelayContext);
const account = useActiveAccount((state: any) => state.account);
@@ -22,7 +21,7 @@ export default function ChannelMessageForm({
]);
const submitEvent = () => {
let tags: any[][];
let tags: string[][];
if (replyTo.id !== null) {
tags = [
@@ -34,23 +33,21 @@ export default function ChannelMessageForm({
tags = [["e", channelID, "", "root"]];
}
if (account) {
const event: any = {
content: value,
created_at: dateToUnix(),
kind: 42,
pubkey: account.pubkey,
tags: tags,
};
const event: any = {
content: value,
created_at: dateToUnix(),
kind: 42,
pubkey: account.pubkey,
tags: tags,
};
event.id = getEventHash(event);
event.sig = getSignature(event, account.privkey);
event.id = getEventHash(event);
event.sig = getSignature(event, account.privkey);
// publish note
pool.publish(event, WRITEONLY_RELAYS);
} else {
console.log("error");
}
// publish note
pool.publish(event, WRITEONLY_RELAYS);
// reset state
setValue("");
};
const handleEnterPress = (e) => {
@@ -68,15 +65,15 @@ export default function ChannelMessageForm({
<div
className={`relative ${
replyTo.id ? "h-36" : "h-24"
} w-full overflow-hidden before:pointer-events-none before:absolute before:-inset-1 before:rounded-[11px] before:border before:border-fuchsia-500 before:opacity-0 before:ring-2 before:ring-fuchsia-500/20 before:transition after:pointer-events-none after:absolute after:inset-px after:rounded-[7px] after:shadow-highlight after:shadow-white/5 after:transition focus-within:before:opacity-100 focus-within:after:shadow-fuchsia-500/100 dark:focus-within:after:shadow-fuchsia-500/20`}
} w-full overflow-hidden before:pointer-events-none before:absolute before:-inset-1 before:rounded-[6px] before:border before:border-fuchsia-500 before:opacity-0 before:ring-2 before:ring-fuchsia-500/20 before:transition after:pointer-events-none after:absolute after:inset-px after:rounded-[7px] after:shadow-highlight after:shadow-white/5 after:transition focus-within:before:opacity-100 focus-within:after:shadow-fuchsia-500/100 dark:focus-within:after:shadow-fuchsia-500/20`}
>
{replyTo.id && (
<div className="absolute left-0 top-0 z-10 h-14 w-full p-[2px]">
<div className="absolute left-0 top-0 z-10 h-16 w-full p-[2px]">
<div className="flex h-full w-full items-center justify-between rounded-t-md border-b border-zinc-700/70 bg-zinc-900 px-3">
<div className="flex w-full flex-col">
<UserReply pubkey={replyTo.pubkey} />
<div className="-mt-3.5 pl-[32px]">
<div className="text-base text-white">{replyTo.content}</div>
<div className="-mt-5 pl-[38px]">
<div className="text-base text-zinc-100">{replyTo.content}</div>
</div>
</div>
<button

10
src/app/channel/components/messages/userReply.tsx
View File

@@ -7,22 +7,22 @@ export default function UserReply({ pubkey }: { pubkey: string }) {
const { user, isError, isLoading } = useProfile(pubkey);
return (
<div className="group flex items-start gap-1">
<div className="group flex items-start gap-2">
{isError || isLoading ? (
<>
<div className="relative h-7 w-7 shrink animate-pulse overflow-hidden rounded bg-zinc-800" />
<div className="relative h-9 w-9 shrink animate-pulse overflow-hidden rounded bg-zinc-800" />
<span className="h-2 w-10 animate-pulse rounded bg-zinc-800 text-base font-medium leading-none text-zinc-500" />
</>
) : (
<>
<div className="relative h-7 w-7 shrink overflow-hidden rounded">
<div className="relative h-9 w-9 shrink overflow-hidden rounded">
<Image
src={user?.picture || DEFAULT_AVATAR}
alt={pubkey}
className="h-7 w-7 rounded object-cover"
className="h-9 w-9 rounded object-cover"
/>
</div>
<span className="text-base font-medium leading-none text-zinc-500">
<span className="text-sm font-medium leading-none text-zinc-500">
Replying to {user?.name || shortenKey(pubkey)}
</span>
</>

6
src/app/channel/pages/index.page.tsx
View File

@@ -37,7 +37,10 @@ export function Page() {
const channelPubkey = searchParams.channelpub;
const account: any = useActiveAccount((state: any) => state.account);
const addMessage = useChannelMessages((state: any) => state.add);
const [addMessage, clear] = useChannelMessages((state: any) => [
state.add,
state.clear,
]);
const { data: muted } = useSWR(
account ? ["muted", account.id] : null,
@@ -88,6 +91,7 @@ export function Page() {
return () => {
unsubscribe();
clear();
};
},
);