From 08cf19682827d131ac969be3c30517309e95652d Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 14 Jan 2022 21:26:00 +0200
Subject: [PATCH] Route structure for Match Modal

---
 app/components/tournament/EliminationBracketMatch.tsx        | 5 ++++-
 app/routes/to/$organization.$tournament/bracket.$id.tsx      | 3 ++-
 .../to/$organization.$tournament/bracket.$id/match.$id.tsx   | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx

diff --git a/app/components/tournament/EliminationBracketMatch.tsx b/app/components/tournament/EliminationBracketMatch.tsx
index 10928a85f..bf8e04e52 100644
--- a/app/components/tournament/EliminationBracketMatch.tsx
+++ b/app/components/tournament/EliminationBracketMatch.tsx
@@ -33,7 +33,10 @@ export function EliminationBracketMatch({
 
     if (hasBothParticipants)
       return (
-        <Link className="tournament-bracket__match__link" to="/">
+        <Link
+          className="tournament-bracket__match__link"
+          to={`match/${match.id}`}
+        >
           {children}
         </Link>
       );
diff --git a/app/routes/to/$organization.$tournament/bracket.$id.tsx b/app/routes/to/$organization.$tournament/bracket.$id.tsx
index 9cd4cd683..da85b6200 100644
--- a/app/routes/to/$organization.$tournament/bracket.$id.tsx
+++ b/app/routes/to/$organization.$tournament/bracket.$id.tsx
@@ -1,4 +1,4 @@
-import type { LinksFunction, LoaderFunction } from "remix";
+import { LinksFunction, LoaderFunction, Outlet } from "remix";
 import { ActionFunction, json, useMatches } from "remix";
 import invariant from "tiny-invariant";
 import { z } from "zod";
@@ -133,6 +133,7 @@ export default function BracketTabWrapper() {
 
   return (
     <div className="tournament-bracket__container">
+      <Outlet />
       <BracketActions data={data} />
       <EliminationBracket
         rounds={data.rounds.filter((round) => round.side === "winners")}
diff --git a/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx b/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx
new file mode 100644
index 000000000..b976efd81
--- /dev/null
+++ b/app/routes/to/$organization.$tournament/bracket.$id/match.$id.tsx
@@ -0,0 +1,3 @@
+export default function MatchModal() {
+  return <div>helou</div>;
+}