Add overview tab

README.md

@@ -24,7 +24,7 @@ Prerequisites: [Node.js 16.13](https://nodejs.org/en/)
 
 - [x] Captain can remove players from roster
 - [ ] Add info about architecture to README
-- [ ] Make description mandatory + overview tab
+- [x] Make description mandatory + overview tab
 - [x] Captain can check in
 - [ ] Admin can check teams in (and out)
 - [ ] Admin can drop people out (show on bracket somehow that they dropped)

app/routes/to/$organization.$tournament.tsx

@@ -61,7 +61,7 @@ export default function TournamentPage() {
 
   const navLinks = (() => {
     const result: { code: string; text: string }[] = [
-      { code: "overview", text: "Overview" },
+      { code: "", text: "Overview" },
       { code: "map-pool", text: "Map Pool" },
       { code: "teams", text: `Teams (${data.teams.length})` },
     ];
@@ -106,6 +106,7 @@ export default function TournamentPage() {
               to={code}
               data-cy={`${code}-nav-link`}
               prefetch="intent"
+              end
             >
               {text}
             </NavLink>

app/routes/to/$organization.$tournament/index.tsx

@@ -0,0 +1,9 @@
+import { useMatches } from "remix";
+import type { FindTournamentByNameForUrlI } from "~/services/tournament";
+
+export default function DefaultTab() {
+  const [, parentRoute] = useMatches();
+  const { description } = parentRoute.data as FindTournamentByNameForUrlI;
+
+  return <article style={{ whiteSpace: "pre-line" }}>{description}</article>;
+}

prisma/migrations/20211206205152_initial/migration.sql

@@ -36,7 +36,7 @@ CREATE TABLE "Tournament" (
     "id" TEXT NOT NULL,
     "name" TEXT NOT NULL,
     "nameForUrl" TEXT NOT NULL,
-    "description" TEXT,
+    "description" TEXT NOT NULL,
     "startTime" TIMESTAMP(3) NOT NULL,
     "checkInStartTime" TIMESTAMP(3) NOT NULL,
     "bannerBackground" TEXT NOT NULL,

prisma/schema.prisma

@@ -43,7 +43,7 @@ model Tournament {
   name              String
   /// Name in lower case to show in URL
   nameForUrl        String
-  description       String?
+  description       String
   startTime         DateTime
   checkInStartTime  DateTime
   /// CSS for tournament banner's background value

prisma/seed/script.ts

@@ -232,7 +232,8 @@ export async function seed(variation?: "check-in") {
         name: "In The Zone X",
         nameForUrl: "in-the-zone-x",
         organizerId: organizationId,
-        description: "In The Zone eXtreme",
+        description:
+          "In The Zone eXtreme\n\nCroissant cookie jelly macaroon caramels. Liquorice icing bonbon fruitcake wafer. Fruitcake pudding icing biscuit pie pie macaroon carrot cake shortbread. Soufflé dessert powder marshmallow biscuit.\n\nJelly-o wafer chocolate bar tootsie roll cheesecake chocolate bar. Icing candy canes cookie chocolate bar sesame snaps sugar plum cheesecake lollipop biscuit. Muffin marshmallow sweet soufflé bonbon pudding gummies sweet apple pie.\n\nSoufflé cookie sugar plum sesame snaps muffin cupcake wafer jelly-o carrot cake. Ice cream danish jelly-o dragée marzipan croissant. Shortbread cheesecake marshmallow biscuit gummi bears.",
       },
     });
   }