From df54dcb366795602f99553d82d6dbd3a2e689f62 Mon Sep 17 00:00:00 2001
From: Victor Yu <50079142+tranq88@users.noreply.github.com>
Date: Thu, 20 Nov 2025 15:22:09 -0800
Subject: [PATCH] feat: new import method for CG iidx (#1396)

---
 .../dashboard/import/IIDXCGSiteImportPage.tsx | 26 +++++++++++++++++++
 .../app/pages/dashboard/import/ImportPage.tsx |  7 +++++
 client/src/app/routes/ImportRoutes.tsx        |  5 ++++
 3 files changed, 38 insertions(+)
 create mode 100644 client/src/app/pages/dashboard/import/IIDXCGSiteImportPage.tsx

diff --git a/client/src/app/pages/dashboard/import/IIDXCGSiteImportPage.tsx b/client/src/app/pages/dashboard/import/IIDXCGSiteImportPage.tsx
new file mode 100644
index 000000000..6118c8d17
--- /dev/null
+++ b/client/src/app/pages/dashboard/import/IIDXCGSiteImportPage.tsx
@@ -0,0 +1,26 @@
+import useSetSubheader from "components/layout/header/useSetSubheader";
+import Divider from "components/util/Divider";
+import ExternalLink from "components/util/ExternalLink";
+import { TachiConfig } from "lib/config";
+import React from "react";
+
+export default function IIDXCGSiteImportPage() {
+	useSetSubheader(["Import Scores", "IIDX CG Site Importer"]);
+
+	return (
+		<div>
+			<h1 className="text-center mb-4">What is the IIDX CG Site Importer?</h1>
+			<div>
+				The IIDX CG Site Importer is a script that will scrape your IIDX profile on a CG
+				instance's website and import it to {TachiConfig.NAME}.
+			</div>
+			<Divider />
+			<h1 className="text-center my-4">Setup Instructions</h1>
+			Instructions are available on{" "}
+			<ExternalLink href="https://github.com/tranq88/kt-cg-iidx-importer">
+				the GitHub repository
+			</ExternalLink>
+			.
+		</div>
+	);
+}
diff --git a/client/src/app/pages/dashboard/import/ImportPage.tsx b/client/src/app/pages/dashboard/import/ImportPage.tsx
index 78db8d489..f20b8093d 100644
--- a/client/src/app/pages/dashboard/import/ImportPage.tsx
+++ b/client/src/app/pages/dashboard/import/ImportPage.tsx
@@ -144,6 +144,13 @@ function ImportInfoDisplayer({ game }: { game: Game }) {
 			/>,
 			<ImportTypeInfoCard key="api/flo-iidx" importType="api/flo-iidx" />,
 			<ImportTypeInfoCard key="api/eag-iidx" importType="api/eag-iidx" />,
+			<ImportInfoCard
+				name="IIDX CG Site Importer"
+				href="kt-cg-iidx-importer"
+				desc="Use your data from a CG instance (Dev/GAN/NAG)."
+				moreInfo="Note: All networks are reduced to their first three letters for anonymity reasons."
+				key="IIDX CG Site Importer"
+			/>,
 			<ImportTypeInfoCard key="file/solid-state-squad" importType="file/solid-state-squad" />,
 			<ImportTypeInfoCard key="file/pli-iidx-csv" importType="file/pli-iidx-csv" />
 		);
diff --git a/client/src/app/routes/ImportRoutes.tsx b/client/src/app/routes/ImportRoutes.tsx
index 3c7030f03..523712708 100644
--- a/client/src/app/routes/ImportRoutes.tsx
+++ b/client/src/app/routes/ImportRoutes.tsx
@@ -5,6 +5,7 @@ import LR2orajaDBPage from "app/pages/dashboard/import/LR2orajaDBPage";
 import BeatorajaIRPage from "app/pages/dashboard/import/BeatorajaIRPage";
 import ChunitachiPage from "app/pages/dashboard/import/ChunitachiPage";
 import FervidexPage from "app/pages/dashboard/import/FervidexPage";
+import IIDXCGSiteImportPage from "app/pages/dashboard/import/IIDXCGSiteImportPage";
 import IIDXEamCSVPage from "app/pages/dashboard/import/IIDXEamCSVPage";
 import ImportPage from "app/pages/dashboard/import/ImportPage";
 import KsHookPage from "app/pages/dashboard/import/KsHookPage";
@@ -229,6 +230,10 @@ export default function ImportRoutes() {
 								<CGIntegrationPage cgType="gan" game="jubeat" />
 							</Route>
 
+							<Route exact path="/import/kt-cg-iidx-importer">
+								<IIDXCGSiteImportPage />
+							</Route>
+
 							<Route exact path="/import/myt-chunithm">
 								<MytIntegrationPage game="chunithm" />
 							</Route>