Link to iplabs

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>
   );

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%;

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";