Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add button to 2.0 beta

Browse Source
This commit is contained in:
nthouliss 2022-11-29 09:43:29 +11:00
parent 63d269422e
commit b4c6b6dd5f
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/icons/SocialPatreonIcon.tsx
View File

@ -2,14 +2,12 @@ function SocialPatreonIcon() {
return ( return (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="18" height="24"
height="15"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="24"
fill="currentcolor" fill="currentcolor"
style={{ margin: "0 4px" }}
> >
<path d="M10.4711281,0 C7.07263915,0 4.30769231,2.7646696 4.30769231,6.1630697 C4.30769231,9.55120557 7.07263915,12.3076923 10.4711281,12.3076923 C13.8591141,12.3076923 16.6153846,9.55120557 16.6153846,6.1630697 C16.6153846,2.7646696 13.8591141,0 10.4711281,0"></path> <path d="M24 12c0 6.63-5.37 12-12 12S0 18.63 0 12 5.37 0 12 0s12 5.37 12 12Zm-9.491-7A5.515 5.515 0 0 0 9 10.508C9 13.536 11.471 16 14.509 16A5.498 5.498 0 0 0 20 10.508C20 7.471 17.537 5 14.509 5M6 19h2V5H6v14Z" />
<polygon points="0.615384615 16 3.07692308 16 3.07692308 0 0.615384615 0"></polygon>
</svg> </svg>
); );
} }

16
src/routes/Home.tsx
View File

@ -23,7 +23,7 @@ import { useAuth } from "../contexts/AuthContext";
import RedditIcon from "../icons/SocialRedditIcon"; import RedditIcon from "../icons/SocialRedditIcon";
import TwitterIcon from "../icons/SocialTwitterIcon"; import TwitterIcon from "../icons/SocialTwitterIcon";
import YouTubeIcon from "../icons/SocialYouTubeIcon"; import YouTubeIcon from "../icons/SocialYouTubeIcon";
import PatreonIcon from "../icons/SocialPatreonIcon"; import SocialPatreonIcon from "../icons/SocialPatreonIcon";
import owlington from "../images/Owlington.png"; import owlington from "../images/Owlington.png";
@ -69,9 +69,8 @@ function Home() {
"system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif", "system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif",
}} }}
> >
Check out our new{" "} Check out our <Link href="https://blog.owlbear.rodeo/">blog</Link>{" "}
<Link href="https://blog.owlbear.rodeo/">blog</Link> for all the for all the news on the next version of Owlbear Rodeo
news on the next version of Owlbear Rodeo
</Paragraph> </Paragraph>
</Message> </Message>
<Button <Button
@ -98,7 +97,7 @@ function Home() {
<Button <Button
as="a" as="a"
// @ts-ignore // @ts-ignore
href="https://patreon.com/owlbearrodeo" href="https://owlbear.app/"
mt={4} mt={4}
mx={2} mx={2}
mb={2} mb={2}
@ -108,7 +107,7 @@ function Home() {
justifyContent: "center", justifyContent: "center",
}} }}
> >
Patreon <PatreonIcon /> Owlbear Rodeo 2.0 Beta
</Button> </Button>
<Flex mb={4} mt={0} sx={{ justifyContent: "center" }}> <Flex mb={4} mt={0} sx={{ justifyContent: "center" }}>
<Link href="https://www.reddit.com/r/OwlbearRodeo/"> <Link href="https://www.reddit.com/r/OwlbearRodeo/">
@ -126,6 +125,11 @@ function Home() {
<YouTubeIcon /> <YouTubeIcon />
</IconButton> </IconButton>
</Link> </Link>
<Link href="https://patreon.com/owlbearrodeo">
<IconButton title="Patreon" aria-label="Patreon">
<SocialPatreonIcon />
</IconButton>
</Link>
</Flex> </Flex>
<JoinModal <JoinModal
isOpen={isJoinModalOpen} isOpen={isJoinModalOpen}