Merge pull request #2194 from PolicyEngine/MaxGhenis/issue2193

Add current law CTC calculator

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 />}

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>
+    </>
+  );
+}