From f81ac674e1f9b585b82fcbeb89680e653e4279a5 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 13 Oct 2022 22:38:46 +0300
Subject: [PATCH] Link to iplabs

---
 app/routes/maps.tsx | 15 ++++++++++++++-
 app/styles/maps.css |  5 +++++
 app/utils/urls.ts   |  3 +++
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/routes/maps.tsx b/app/routes/maps.tsx
index fedcf6135..e418b0643 100644
--- a/app/routes/maps.tsx
+++ b/app/routes/maps.tsx
@@ -31,7 +31,12 @@ import {
 } from "~/modules/map-pool-serializer";
 import type { MapPool } from "~/modules/map-pool-serializer/types";
 import styles from "~/styles/maps.css";
-import { calendarEventPage, modeImageUrl, stageImageUrl } from "~/utils/urls";
+import {
+  calendarEventPage,
+  ipLabsMaps,
+  modeImageUrl,
+  stageImageUrl,
+} from "~/utils/urls";
 
 const AMOUNT_OF_MAPS_IN_MAP_LIST = stageIds.length * 2;
 
@@ -93,6 +98,14 @@ export default function MapListPage() {
         mapPool={mapPool}
         handleMapPoolChange={handleMapPoolChange}
       />
+      <a
+        href={ipLabsMaps(mapPoolToSerializedString(mapPool))}
+        target="_blank"
+        rel="noreferrer"
+        className="maps__tournament-map-list-link"
+      >
+        Create tournament map list (maps.iplabs.ink)
+      </a>
       <MapListCreator mapPool={mapPool} />
     </Main>
   );
diff --git a/app/styles/maps.css b/app/styles/maps.css
index e1c3506c0..648e5b435 100644
--- a/app/styles/maps.css
+++ b/app/styles/maps.css
@@ -7,6 +7,11 @@
   font-weight: var(--semi-bold);
 }
 
+.maps__tournament-map-list-link {
+  font-size: var(--fonts-xxs);
+  text-align: center;
+}
+
 .maps__stage-row {
   display: flex;
   width: 100%;
diff --git a/app/utils/urls.ts b/app/utils/urls.ts
index 8e7e651ca..c9ead88eb 100644
--- a/app/utils/urls.ts
+++ b/app/utils/urls.ts
@@ -23,6 +23,9 @@ export const GITHUB_CONTRIBUTORS_URL =
 export const BORZOIC_TWITTER = "https://twitter.com/borzoic_";
 export const LEAN_TWITTER = "https://twitter.com/LeanYoshi";
 export const UBERU_TWITTER = "https://twitter.com/uberu5";
+export const ipLabsMaps = (pool: string) =>
+  `https://maps.iplabs.ink/?3&pool=${pool}`;
+
 export const LOG_IN_URL = "/auth";
 export const LOG_OUT_URL = "/auth/logout";
 export const ADMIN_PAGE = "/admin";