CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

Switch header on [id] depending on auth

Browse source
This commit is contained in:
Max Leiter 2022-03-06 22:23:39 -08:00
parent 773920bb41
commit 41f0dd5c7a
No known key found for this signature in database
GPG key ID: A3512F2F2F17EBDA
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/pages/post/[id].tsx
View file

@ -1,8 +1,9 @@
import { Loading, Page, Text } from "@geist-ui/core";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
import { useCallback, useEffect, useState } from "react";
import Document from '../../components/document'
import Header from "../../components/header";
import UnauthenticatedHeader from "../../components/unauthenticated-header";
import VisibilityBadge from "../../components/visibility-badge";
import { ThemeProps } from "../_app";
@ -42,12 +43,19 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
}
fetchPost()
}, [router, router.query.id])
console.log(post, isLoading, error)
const token = useCallback(() => {
if (typeof window !== "undefined") {
return localStorage.getItem("drift-token")
} else {
return ""
}
}, [])
return (
<Page>
<Page.Header>
<Header theme={theme} changeTheme={changeTheme} />
{token() && <Header theme={theme} changeTheme={changeTheme} />}
{!token() && <UnauthenticatedHeader theme={theme} changeTheme={changeTheme} />}
</Page.Header>
<Page.Content width={"var(--main-content-width)"} margin="auto">
{error && <Text type="error">{error}</Text>}