feat: add Api and Session contexts

This commit is contained in:
41666 2021-03-13 02:39:39 -05:00
parent f65779f925
commit 9c2a6a8d61
13 changed files with 340 additions and 7 deletions

View file

@ -32,7 +32,7 @@ export const Authed = (props: Props) => {
<MastheadBase>
<MastheadAlignment>
<MastheadLeft>
<MastheadA href="/servers">
<MastheadA to="/servers">
<DynamicLogomark height={35} />
</MastheadA>
<InteractionBase

View file

@ -14,12 +14,12 @@ export const Guest = () => (
<MastheadBase>
<MastheadAlignment>
<MastheadLeft>
<MastheadA href="/">
<MastheadA to="/">
<DynamicLogotype height={30} />
</MastheadA>
</MastheadLeft>
<MastheadRight>
<MastheadA href="/auth/login">
<MastheadA to="/auth/login">
<Button size="small">
Login{' '}
<FaSignInAlt

View file

@ -1,3 +1,4 @@
import { Link } from '@reach/router';
import { onSmallScreen } from '@roleypoly/design-system/atoms/breakpoints';
import { palette } from '@roleypoly/design-system/atoms/colors';
import { transitions } from '@roleypoly/design-system/atoms/timings';
@ -66,7 +67,7 @@ export const InteractionBase = styled.div<InteractionBaseProps>`
}
`;
export const MastheadA = styled.a`
export const MastheadA = styled(Link)`
display: flex;
align-items: center;
justify-content: center;