From 8e1c0265f1f985fad6fb1a8848207b6dfa3b4d68 Mon Sep 17 00:00:00 2001
From: AryanMittal11 <164195062+AryanMittal11@users.noreply.github.com>
Date: Sat, 5 Apr 2025 10:15:24 +0530
Subject: [PATCH] Revert "changes"

---
 package-lock.json                  | 16 +++----
 package.json                       |  4 +-
 src/components/FluidSimulation.tsx | 67 ------------------------------
 3 files changed, 10 insertions(+), 77 deletions(-)
 delete mode 100644 src/components/FluidSimulation.tsx

diff --git a/package-lock.json b/package-lock.json
index 00a600d..735449c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,8 +37,8 @@
         "@types/jest": "^27.5.2",
         "@types/lodash": "^4.17.13",
         "@types/node": "^16.18.119",
-        "@types/react": "^18.3.20",
-        "@types/react-dom": "^18.3.6",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
         "@types/react-syntax-highlighter": "^15.5.13",
         "ts-node": "^10.9.2",
         "typescript": "^5.6.3"
@@ -4172,18 +4172,18 @@
       "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ=="
     },
     "node_modules/@types/react": {
-      "version": "18.3.20",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.20.tgz",
-      "integrity": "sha512-IPaCZN7PShZK/3t6Q87pfTkRm6oLTd4vztyoj+cbHUF1g3FfVb2tFIL79uCRKEfv16AhqDMBywP2VW3KIZUvcg==",
+      "version": "18.3.12",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz",
+      "integrity": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.6",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.6.tgz",
-      "integrity": "sha512-nf22//wEbKXusP6E9pfOCDwFdHAX4u172eaJI4YkDRQEZiorm6KfYnSC2SWLDMVWUOWPERmJnN0ujeAfTBLvrw==",
+      "version": "18.3.5",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz",
+      "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==",
       "dev": true,
       "peerDependencies": {
         "@types/react": "^18.0.0"
diff --git a/package.json b/package.json
index 75b73f0..7970b01 100644
--- a/package.json
+++ b/package.json
@@ -56,8 +56,8 @@
     "@types/jest": "^27.5.2",
     "@types/lodash": "^4.17.13",
     "@types/node": "^16.18.119",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@types/react-syntax-highlighter": "^15.5.13",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.3"
diff --git a/src/components/FluidSimulation.tsx b/src/components/FluidSimulation.tsx
deleted file mode 100644
index ca66fa6..0000000
--- a/src/components/FluidSimulation.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useEffect, useRef } from "react";
-import "./FluidSimulation.css";
-import appBadge from "./assets/app_badge.png";
-import googleBadge from "./assets/gp_badge.png";
-import promoBackground from "./assets/promo_back.png";
-// import iconFont from "./assets/iconfont.ttf";
-
-const FluidSimulation = () => {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-
-  useEffect(() => {
-    const script = document.createElement("script");
-    script.src = "/script.js"; // ensure script is placed in public or imported
-    script.async = true;
-    document.body.appendChild(script);
-
-    const promoClose = document.querySelector(".promo-close") as HTMLElement;
-    const promo = document.querySelector(".promo") as HTMLElement;
-
-    promoClose?.addEventListener("click", () => {
-      if (promo) promo.style.display = "none";
-    });
-
-    return () => {
-      document.body.removeChild(script);
-    };
-  }, []);
-
-  return (
-    <>
-      <canvas ref={canvasRef}></canvas>
-      <div
-        className="promo"
-        style={{ backgroundImage: `url(${promoBackground})` }}
-      >
-        <div className="promo-middle">
-          <div className="promo-content">
-            <div className="promo-header">
-              <span className="promo-close">&times;</span>
-            </div>
-            <div className="promo-body">
-              <p>Try Fluid Simulation app!</p>
-              <div className="links-container">
-                <a className="link" id="apple_link" href="#" target="_blank" rel="noopener noreferrer">
-                  <img
-                    className="link-img"
-                    alt="Download on the App Store"
-                    src={appBadge}
-                  />
-                </a>
-                <a className="link" id="google_link" href="#" target="_blank" rel="noopener noreferrer">
-                  <img
-                    className="link-img"
-                    alt="Get it on Google Play"
-                    src={googleBadge}
-                  />
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default FluidSimulation;