mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-18 10:29:08 +00:00
chore: restructure project into yarn workspaces, remove next
This commit is contained in:
parent
49e308507e
commit
8d06327c03
266 changed files with 16466 additions and 3350 deletions
34
packages/design-system/organisms/masthead/Guest.tsx
Normal file
34
packages/design-system/organisms/masthead/Guest.tsx
Normal file
|
@ -0,0 +1,34 @@
|
|||
import { DynamicLogotype } from '@roleypoly/design-system/atoms/branding';
|
||||
import { Button } from '@roleypoly/design-system/atoms/button';
|
||||
import * as React from 'react';
|
||||
import { FaSignInAlt } from 'react-icons/fa';
|
||||
import {
|
||||
MastheadA,
|
||||
MastheadAlignment,
|
||||
MastheadBase,
|
||||
MastheadLeft,
|
||||
MastheadRight,
|
||||
} from './Masthead.styled';
|
||||
|
||||
export const Guest = () => (
|
||||
<MastheadBase>
|
||||
<MastheadAlignment>
|
||||
<MastheadLeft>
|
||||
<MastheadA href="/">
|
||||
<DynamicLogotype height={30} />
|
||||
</MastheadA>
|
||||
</MastheadLeft>
|
||||
<MastheadRight>
|
||||
<MastheadA href="/auth/login">
|
||||
<Button size="small">
|
||||
Login{' '}
|
||||
<FaSignInAlt
|
||||
size="1em"
|
||||
style={{ transform: 'translateY(1px)' }}
|
||||
/>
|
||||
</Button>
|
||||
</MastheadA>
|
||||
</MastheadRight>
|
||||
</MastheadAlignment>
|
||||
</MastheadBase>
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue