From 3151c25f0b24521da8a9bd3406913116d275e6ee Mon Sep 17 00:00:00 2001
From: Max Ghenis <mghenis@gmail.com>
Date: Tue, 5 Nov 2024 16:49:12 -0500
Subject: [PATCH] Add current law CTC calculator Fixes #2193

---
 src/PolicyEngine.jsx          |  5 +++++
 src/applets/CTCCalculator.jsx | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/applets/CTCCalculator.jsx

diff --git a/src/PolicyEngine.jsx b/src/PolicyEngine.jsx
index ae79ae67a..151642a38 100644
--- a/src/PolicyEngine.jsx
+++ b/src/PolicyEngine.jsx
@@ -47,6 +47,7 @@ import ManifestosComparison from "./applets/ManifestosComparison";
 import DeveloperLayout from "./pages/DeveloperLayout";
 import DeveloperHome from "./pages/DeveloperHome";
 import CTCComparison from "./applets/CTCComparison";
+import CTCCalculator from "./applets/CTCCalculator";
 import { wrappedResponseJson } from "./data/wrappedJson";
 import US2024ElectionCalculator from "./applets/US2024ElectionCalculator";
 
@@ -367,6 +368,10 @@ export default function PolicyEngine() {
           path="/us/child-tax-credit-2024-election-calculator"
           element={<CTCComparison />}
         />
+        <Route
+          path="/us/child-tax-credit-calculator"
+          element={<CTCCalculator />}
+        />
         <Route
           path="/us/2024-election-calculator"
           element={<US2024ElectionCalculator />}
diff --git a/src/applets/CTCCalculator.jsx b/src/applets/CTCCalculator.jsx
new file mode 100644
index 000000000..5f4aa32de
--- /dev/null
+++ b/src/applets/CTCCalculator.jsx
@@ -0,0 +1,33 @@
+import Header from "../layout/Header";
+import { Helmet } from "react-helmet";
+import style from "../style";
+import { useWindowHeight } from "../hooks/useWindow";
+
+export default function CTCCalculator() {
+  const windowHeight = useWindowHeight();
+
+  return (
+    <>
+      <Helmet>
+        <title>Child Tax Credit Calculator | PolicyEngine</title>
+      </Helmet>
+      <Header />
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          height: windowHeight - style.spacing.HEADER_HEIGHT,
+          width: "100vw",
+        }}
+      >
+        <iframe
+          src="https://ctc-calculator.streamlit.app?embedded=true"
+          title="Child Tax Credit Calculator"
+          height={`calc(100vh - ${style.spacing.HEADER_HEIGHT})`}
+          width="100%"
+          style={{ overflow: "hidden" }}
+        />
+      </div>
+    </>
+  );
+}