diff --git a/src/renderer/pages/home/HomePage.tsx b/src/renderer/pages/home/HomePage.tsx index bddf7d8b1..696dfd990 100644 --- a/src/renderer/pages/home/HomePage.tsx +++ b/src/renderer/pages/home/HomePage.tsx @@ -8,6 +8,7 @@ import { Footer } from "@/components/Footer"; import { usePageScrollingShortcuts } from "@/lib/hooks/useShortcuts"; import { NewsFeed } from "./NewsFeed"; +import { StartggLinks } from "./StartggLinks"; import { TwitterFeed } from "./TwitterFeed"; const Outer = styled.div` @@ -27,6 +28,12 @@ const Main = styled.div` padding-top: 0; `; +const Right = styled.div` + display: flex; + flex-direction: column; + overflow-x: hidden; +`; + export const HomePage = React.memo(function HomePage() { const mainRef = React.createRef(); usePageScrollingShortcuts(mainRef); @@ -49,7 +56,12 @@ export const HomePage = React.memo(function HomePage() { } - rightSide={} + rightSide={ + + + + + } rightStyle={{ backgroundColor: colors.purpleDark }} style={{ gridTemplateColumns: "auto 300px" }} /> diff --git a/src/renderer/pages/home/StartggLinks.tsx b/src/renderer/pages/home/StartggLinks.tsx new file mode 100644 index 000000000..253053188 --- /dev/null +++ b/src/renderer/pages/home/StartggLinks.tsx @@ -0,0 +1,51 @@ +import Button from "@mui/material/Button"; +import Card from "@mui/material/Card"; +import CardActions from "@mui/material/CardActions"; +import CardHeader from "@mui/material/CardHeader"; +import React from "react"; + +import { ExternalLink } from "@/components/ExternalLink"; +import { ReactComponent as StartggLogo } from "@/styles/images/startgg-logo.svg"; + +const NearMeUrl = + "https://www.start.gg/search/near_me" + + "?range%5BeffectiveRegistrationClosesAt%5D%5Bmin%5D=1" + + "&refinementList%5Bevents.videogame.id%5D=1" + + "&refinementList%5BhasOnlineEvents%5D=" + + "&refinementList%5Bstate%5D%5B0%5D=1" + + "&page=1" + + "&configure%5BhitsPerPage%5D=15" + + "&configure%5Bfilters%5D=profileType%3Atournament" + + "&configure%5BaroundLatLngViaIP%5D=true" + + "&configure%5BaroundRadius%5D=160934"; + +const OnlineUrl = + "https://www.start.gg/search/tournaments" + + "?refinementList%5Bevents.videogame.id%5D=1" + + "&refinementList%5BhasOnlineEvents%5D%5B0%5D=true" + + "&page=1" + + "&configure%5BhitsPerPage%5D=15" + + "&configure%5Bfilters%5D=profileType%3Atournament" + + "&range%5BeffectiveRegistrationClosesAt%5D%5Bmin%5D=1"; + +export const StartggLinks = React.memo(function StartggLinks() { + return ( + + + } + title="Tournaments" + titleTypographyProps={{ component: "h2", variant: "h5" }} + /> + + + + + + ); +}); diff --git a/src/renderer/styles/images/startgg-logo.svg b/src/renderer/styles/images/startgg-logo.svg new file mode 100644 index 000000000..e865a2ebb --- /dev/null +++ b/src/renderer/styles/images/startgg-logo.svg @@ -0,0 +1,15 @@ + + + + + + + + +