From 5f6df9a01bd5848f9cdc9ceb76cf3a26bc913019 Mon Sep 17 00:00:00 2001
From: isabelle <isabelle@scroll.io>
Date: Mon, 6 Nov 2023 17:56:49 +0900
Subject: [PATCH] integrations page MVP

---
 src/assets/integrations.json                  | 16 +++++++++++++
 src/components/IntegrationsList.astro         |  5 ++++
 src/components/index.ts                       |  1 +
 src/config/sidebar.ts                         |  4 ++++
 .../docs/en/developers/deployed-tooling.mdx   | 24 +++++++++++++++++++
 .../docs/en/developers/scroll-contracts.mdx   |  1 +
 6 files changed, 51 insertions(+)
 create mode 100644 src/assets/integrations.json
 create mode 100644 src/components/IntegrationsList.astro
 create mode 100644 src/content/docs/en/developers/deployed-tooling.mdx

diff --git a/src/assets/integrations.json b/src/assets/integrations.json
new file mode 100644
index 000000000..6efaff394
--- /dev/null
+++ b/src/assets/integrations.json
@@ -0,0 +1,16 @@
+{
+  "integrations": [
+    {
+      "name": "Safe",
+      "url": "https://safe.scroll.xyz/",
+      "network": ["sepolia", "mainnet"]
+    },
+    {
+      "name": "The Graph",
+      "url": "https://edgeandnode.notion.site/The-Graph-Subgraph-Studio-Non-Rate-Limited-Chain-Integration-889fe061ee6b4423a7f8e2c8070b9294?pvs=4",
+      "network": ["sepolia", "mainnet"],
+      "tags": ["indexer"],
+      "comment": "Use the latest version of The Graph's cli."
+    }
+  ]
+}
diff --git a/src/components/IntegrationsList.astro b/src/components/IntegrationsList.astro
new file mode 100644
index 000000000..09e88e492
--- /dev/null
+++ b/src/components/IntegrationsList.astro
@@ -0,0 +1,5 @@
+---
+const { data } = Astro.props
+---
+
+{data.map((item) => <p>{item["name"]}</p>)}
diff --git a/src/components/index.ts b/src/components/index.ts
index b2d09ce51..adf4a7afb 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -10,3 +10,4 @@ export { default as Aside } from "./Aside.astro"
 export { default as ClickToZoom } from "./ClickToZoom.astro"
 export { default as NetworkTabs } from "./Tabs/NetworkTabs.astro"
 export { default as PackageManagerTabs } from "./Tabs/PackageManagerTabs.astro"
+export { default as IntegrationsList } from "./IntegrationsList.astro"
diff --git a/src/config/sidebar.ts b/src/config/sidebar.ts
index 87984c775..e6fe61c64 100644
--- a/src/config/sidebar.ts
+++ b/src/config/sidebar.ts
@@ -84,6 +84,10 @@ export const getSidebar = () => {
             title: t("sidebar.developers.scrollContracts"),
             url: formatUrl("developers/scroll-contracts"),
           },
+          {
+            title: t("sidebar.developers.deverlopTooling"),
+            url: formatUrl("developers/deployed-tooling"),
+          },
           {
             title: t("sidebar.developers.ethereumAndScrollDifferences"),
             url: formatUrl("developers/ethereum-and-scroll-differences"),
diff --git a/src/content/docs/en/developers/deployed-tooling.mdx b/src/content/docs/en/developers/deployed-tooling.mdx
new file mode 100644
index 000000000..2d6b6cf9b
--- /dev/null
+++ b/src/content/docs/en/developers/deployed-tooling.mdx
@@ -0,0 +1,24 @@
+---
+section: developers
+date: Last Modified
+title: "Tooling Deployed on Scroll Sepolia"
+lang: "en"
+permalink: "developers/deployed-tooling"
+excerpt: ""
+whatsnext: { "Ethereum and Scroll Differences": "/developers/ethereum-and-scroll-differences" }
+---
+
+import Aside from "../../../../components/Aside.astro"
+import IntegrationsList from "../../../../components/IntegrationsList.astro"
+import integrations from "../../../../assets/integrations.json"
+
+<Aside type="danger" title="Products below are not tested by or endorsed by Scroll!">
+    We do our best to keep dangerous code out of the hands of developers, but the list below is auto-generated and may include malicious, insecure, or compromised projects. Always do your research!
+</Aside>
+
+<IntegrationsList data={integrations["integrations"]}/>
+
+<Aside type="tip" title="Have a deployment on Scroll Sepolia?">
+  Reach out if your tool or protocol could help builders on Scroll.
+</Aside>
+---
\ No newline at end of file
diff --git a/src/content/docs/en/developers/scroll-contracts.mdx b/src/content/docs/en/developers/scroll-contracts.mdx
index 0bdd69f60..feb5a23a7 100644
--- a/src/content/docs/en/developers/scroll-contracts.mdx
+++ b/src/content/docs/en/developers/scroll-contracts.mdx
@@ -4,6 +4,7 @@ date: Last Modified
 title: "Scroll Contracts"
 lang: "en"
 permalink: "developers/scroll-contracts"
+# TODO: update this
 whatsnext: { "Ethereum & Scroll Differences": "/developers/ethereum-and-scroll-differences" }
 excerpt: "The network info and contract addresses you need to start with Scroll Sepolia Testnet."
 ---