Function UserSettings

client/src/components/UserSettings/index.tsx:20–51

(props: Props)

}

function UserSettings(props: Props) {
  const view = useFragment(
    graphql`
      fragment UserSettings_view on View {
        viewer {
          isGuest
        }

        ...Account_view
      }
    `,
    props.view,
  )
  const viewer = view.viewer

  useEffect(() => {
    if (!viewer?.isGuest) return
    document.location.replace('/')
  }, [viewer])

  if (viewer?.isGuest) return null

  useDocumentTitle('Settings | Digraph')

  return (
    <Page>
      <Sidenav match={props.match} />
      <Account match={props.match} view={view} />
      <Support match={props.match} />
    </Page>
  )
}

export default ({ view, match }: Props) => (
  view