Function ThreadPage

apps/web/components/Pages/ThreadPage/index.tsx:10–66

({
  thread,
  channels,
  communities,
  currentChannel,
  currentCommunity,
  isBot,
  isSubDomainRouting,
  settings,
  permissions,
  dms,
}: ThreadProps)

import { useUsersContext } from '@linen/contexts/Users';

export function ThreadPage({
  thread,
  channels,
  communities,
  currentChannel,
  currentCommunity,
  isBot,
  isSubDomainRouting,
  settings,
  permissions,
  dms,
}: ThreadProps) {
  const ref = useRef<HTMLDivElement>(null);

  const seo = buildThreadSeo({
    isSubDomainRouting,
    channelName: currentChannel.channelName,
    settings,
    thread,
  });

  return (
    <PageLayout
      key={thread.id}
      seo={{
        description: seo.description,
        title: seo.title,
        url: seo.url,
        image: seo.image,
        robotsMetaTag: seo.robotsMetaTag,
      }}
      currentChannel={currentChannel}
      channels={channels}
      communities={communities}
      currentCommunity={currentCommunity}
      settings={settings}
      isSubDomainRouting={isSubDomainRouting}
      permissions={permissions}
      innerRef={ref}
      dms={dms}
    >
      {buildStructureData({ thread, isSubDomainRouting, settings })}
      <ThreadView
        currentChannel={currentChannel}
        currentCommunity={currentCommunity}
        isSubDomainRouting={isSubDomainRouting}
        permissions={permissions}
        settings={settings}
        thread={thread}
        isBot={isBot}
        useJoinContext={useJoinContext}
        api={api}
        useUsersContext={useUsersContext}
      />
    </PageLayout>
  );
}