From e7c2675d70b6c210e9857733797fc8215eb14211 Mon Sep 17 00:00:00 2001
From: Sendou <sendou77@gmail.com>
Date: Sun, 5 Apr 2020 23:57:57 +0300
Subject: [PATCH] fixed dead links on draft cup

---
 .../src/components/plusdraftcup/DraftCupDetails.tsx |  1 +
 .../plusdraftcup/DraftTournamentCards.tsx           |  7 +++++--
 .../src/components/user/MarkdownInput.tsx           | 13 +++++++++++++
 frontend-react/src/graphql/queries/plusDraftCups.ts |  2 ++
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 frontend-react/src/components/user/MarkdownInput.tsx

diff --git a/frontend-react/src/components/plusdraftcup/DraftCupDetails.tsx b/frontend-react/src/components/plusdraftcup/DraftCupDetails.tsx
index c4c69e9c5..dc3cd8d89 100644
--- a/frontend-react/src/components/plusdraftcup/DraftCupDetails.tsx
+++ b/frontend-react/src/components/plusdraftcup/DraftCupDetails.tsx
@@ -94,6 +94,7 @@ const DetailedMapCard: React.FC<DetailedMapCardProps> = ({
       overflow="hidden"
       boxShadow="0px 0px 16px 6px rgba(0,0,0,0.1)"
       p="25px"
+      my="1em"
       flexDirection="column"
       justifyContent="space-between"
       alignItems="center"
diff --git a/frontend-react/src/components/plusdraftcup/DraftTournamentCards.tsx b/frontend-react/src/components/plusdraftcup/DraftTournamentCards.tsx
index 81444b379..76ea7c809 100644
--- a/frontend-react/src/components/plusdraftcup/DraftTournamentCards.tsx
+++ b/frontend-react/src/components/plusdraftcup/DraftTournamentCards.tsx
@@ -15,6 +15,7 @@ interface DraftTournamentCardsProps {
       username: string
       discriminator: string
       twitter_name?: string
+      discord_id: string
     }[][]
     bracket_url: string
     date: string
@@ -30,6 +31,7 @@ interface DraftTournamentCardProps {
       username: string
       discriminator: string
       twitter_name?: string
+      discord_id: string
     }[][]
     bracket_url: string
     date: string
@@ -43,6 +45,7 @@ interface MedalRowProps {
     username: string
     discriminator: string
     twitter_name?: string
+    discord_id: string
   }[]
   medalImage: string
   small?: boolean
@@ -84,7 +87,7 @@ export const DraftTournamentCard: React.FC<DraftTournamentCardProps> = ({
             mx="0.25em"
             key={`${user.username}#${user.discriminator}`}
           >
-            <Link to="/">
+            <Link to={`/u/${user.discord_id}`}>
               {user.username}#{user.discriminator}
             </Link>
           </Box>
@@ -154,7 +157,7 @@ const DraftTournamentCards: React.FC<DraftTournamentCardsProps> = ({
         gridTemplateColumns="repeat(auto-fit, minmax(260px, 1fr))"
         mt="1em"
       >
-        {tournaments.map(tournament => {
+        {tournaments.map((tournament) => {
           const date = new Date(parseInt(tournament.date))
           return (
             <DraftTournamentCard
diff --git a/frontend-react/src/components/user/MarkdownInput.tsx b/frontend-react/src/components/user/MarkdownInput.tsx
new file mode 100644
index 000000000..ae5bfd29e
--- /dev/null
+++ b/frontend-react/src/components/user/MarkdownInput.tsx
@@ -0,0 +1,13 @@
+import React from "react"
+import TextArea from "../elements/TextArea"
+
+interface MarkdownInputProps {
+  value: string
+  setValue: (value: string) => void
+}
+
+const MarkdownInput: React.FC<MarkdownInputProps> = ({ value, setValue }) => {
+  return <TextArea value={value} setValue={setValue} />
+}
+
+export default MarkdownInput
diff --git a/frontend-react/src/graphql/queries/plusDraftCups.ts b/frontend-react/src/graphql/queries/plusDraftCups.ts
index 667baaed4..768f37323 100644
--- a/frontend-react/src/graphql/queries/plusDraftCups.ts
+++ b/frontend-react/src/graphql/queries/plusDraftCups.ts
@@ -9,6 +9,7 @@ export interface PlusDraftCupsData {
         username: string
         discriminator: string
         twitter_name?: string
+        discord_id: string
       }[][]
       bracket_url: string
       date: string
@@ -42,6 +43,7 @@ export const PLUS_DRAFT_CUPS: DocumentNode = gql`
           username
           discriminator
           twitter_name
+          discord_id
         }
         bracket_url
         date