diff --git a/pages/thread/[id].tsx b/pages/thread/[id].tsx index 28e3ab6..d7d0e6b 100644 --- a/pages/thread/[id].tsx +++ b/pages/thread/[id].tsx @@ -1,5 +1,5 @@ import type { GetServerSideProps } from "next" -import React, { useContext } from "react" +import React, { useContext, useMemo } from "react" import nookies from "nookies" @@ -21,6 +21,7 @@ import { MessageView } from "components/MessageView" import { UserIcon } from "components/UserIcon" import { CreateMessage } from "components/CreateMessage" +import { PageContext } from "utils/context" type ThreadPageParams = { id: string } @@ -105,6 +106,14 @@ export const getServerSideProps: GetServerSideProps< } export default function ThreadPage(props: ThreadPageProps) { + const { user } = useContext(PageContext) + const userInGroup = useMemo( + () => + user !== null && + props.group.some(({ publicKey }) => user.publicKey === publicKey), + [user] + ) + return (
@@ -128,7 +137,9 @@ export default function ThreadPage(props: ThreadPageProps) { message={message} /> ))} - + {userInGroup && ( + + )}