Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
2.1 kB · 77 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import { useIdentityData } from "components/IdentityProvider";import { navPages, HomeButton, ReaderButton, NotificationButton, WriterButton,} from "./NavigationButtons";import { PublicationButtons } from "./Publications";import { Sidebar } from "./Sidebar";import { LoginModal } from "components/LoginButton";import { ProfileButton } from "./ProfileButton";import { ActionButton } from "./ActionButton";import { AccountSmall } from "components/Icons/AccountSmall";
export const DesktopNavigation = (props: { currentPage: navPages; publication?: string;}) => { let { identity } = useIdentityData(); let thisPublication = identity?.publications?.find( (pub) => pub.uri === props.publication, );
let currentlyWriter = props.currentPage === "home" || props.currentPage === "looseleafs" || props.currentPage === "pub"; return ( <div className="flex flex-col gap-3"> <Sidebar alwaysOpen> {identity?.atp_did ? ( <> <ProfileButton /> <NotificationButton current={props.currentPage === "notifications"} /> </> ) : ( <LoginModal asChild trigger={ <ActionButton secondary icon={<AccountSmall />} label="Log In/Sign Up" /> } /> )} </Sidebar>
<Sidebar alwaysOpen> <ReaderButton current={props.currentPage === "reader"} subs={ identity?.publication_subscriptions?.length !== 0 && identity?.publication_subscriptions?.length !== undefined } /> <WriterButton currentPage={props.currentPage} currentPubUri={thisPublication?.uri} /> {currentlyWriter && ( <> <hr className="border-border-light border-dashed" /> <PublicationButtons currentPage={props.currentPage} currentPubUri={thisPublication?.uri} /> </> )} </Sidebar> </div> );};