Function Content

apps/web/ui/ThreadView/Content/index.tsx:35–192

({
  thread: initialThread,
  currentChannel,
  currentCommunity,
  isBot,
  isSubDomainRouting,
  settings,
  permissions,
  useJoinContext,
  useUsersContext,
  api,
  fetchMentions,
}: Props)

}

export default function Content({
  thread: initialThread,
  currentChannel,
  currentCommunity,
  isBot,
  isSubDomainRouting,
  settings,
  permissions,
  useJoinContext,
  useUsersContext,
  api,
  fetchMentions,
}: Props) {
  const [thread, setThread] = useState<SerializedThread>(initialThread);
  const [allUsers] = useUsersContext();
  const { startSignUp } = useJoinContext();

  const token = permissions.token || null;
  const currentUser = permissions.user;

  const onThreadMessage = (
    threadId: string,
    message: SerializedMessage,
    messageId: string,
    imitationId: string
  ) => {
    setThread((thread: SerializedThread) => {
      if (thread.id === threadId) {
        return {
          ...thread,
          messages: [
            ...thread.messages.filter(
              ({ id }: any) => id !== imitationId && id !== messageId
            ),
            message,
          ],
        };
      }
      return thread;
    });
  };

  const updateThread = ({
    state: newState,
    title: newTitle,
  }: {
    state?: ThreadState;
    title?: string;
  }) => {
    const options = {
      state: newState || thread.state,
      title: newTitle || thread.title || undefined,
    };
    setThread((thread: SerializedThread) => {
      return {
        ...thread,
        ...options,
      };