fix dom nesting

ufsasewebmaster · Feb 26, 2025 · 8acb5d6 · 8acb5d6
1 parent 225df44
commit 8acb5d6
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 19 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -8,6 +8,7 @@ import codegen from "eslint-plugin-codegen";
 import deprecation from "eslint-plugin-deprecation";
 import drizzle from "eslint-plugin-drizzle";
 import _import from "eslint-plugin-import";
+import react from "eslint-plugin-react";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
 import sortDestructureKeys from "eslint-plugin-sort-destructure-keys";
 
@@ -26,6 +27,7 @@ export default [
   ...compat.extends("eslint:recommended", "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended"),
   {
     plugins: {
+      react,
       deprecation,
       import: fixupPluginRules(_import),
       "sort-destructure-keys": sortDestructureKeys,
@@ -58,6 +60,7 @@ export default [
       "no-irregular-whitespace": "off",
       "object-shorthand": "error",
       "prefer-destructuring": "off",
+      "react/no-danger": "warn",
       "sort-imports": "off",
 
       "no-restricted-syntax": [

diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "drizzle-orm": "^0.36.4",
     "drizzle-zod": "^0.5.1",
     "embla-carousel-react": "^8.5.1",
+    "eslint-plugin-react": "^7.37.4",
     "hamburger-react": "^2.5.1",
     "hono": "^4.6.1",
     "html-react-parser": "^5.1.18",

diff --git a/src/client/components/programs/FAQCard.tsx b/src/client/components/programs/FAQCard.tsx
@@ -34,7 +34,7 @@ const FAQItem: React.FC<FAQItemProps> = ({ answer, question }) => {
         } overflow-hidden border-t border-gray-300 bg-white px-6`}
         style={{ transitionProperty: "max-height, opacity, padding" }}
       >
-        <div className="text-xl text-gray-800" dangerouslySetInnerHTML={{ __html: answer }} />
+        <div className="text-xl text-gray-800">{answer}</div>
       </div>
     </div>
   );

diff --git a/src/client/routes/index.tsx b/src/client/routes/index.tsx
@@ -131,29 +131,29 @@ export const Route = createFileRoute("/")({
             <div className="flex w-full flex-col items-center rounded-2xl border-4 border-black bg-white p-10 shadow-[12px_12px_0px_#7DC242]">
               <p className="p-4 font-redhat text-xl sm:text-2xl">
                 Are you interested in becoming a partner with the{" "}
-                <span className="font-semibold"> UF Society of Asian Scientists and Engineers (SASE) Chapter</span>
+                <span className="font-semibold">UF Society of Asian Scientists and Engineers (SASE) Chapter</span>
                 ?
                 <br />
                 <br />
                 To get access to our <span className="font-semibold">sponsorship packet </span>
-                please contact our External Vice President, Kayleen Diaz, at{" "}
-                <div className="flex w-full items-center">
-                  <a href={`mailto:[email protected]`} className="text-saseGreen underline">
-                    [email protected]
-                  </a>
-                  <a
-                    href="/sponsors"
-                    className="ml-auto hidden rounded-lg bg-saseGreen px-4 py-2 font-bold text-white transition duration-300 hover:bg-[#486f2b] sm:block"
-                  >
-                    Sponsors
-                  </a>
-                </div>
-                <div className="mt-4 sm:hidden">
-                  <a href="/sponsors" className="rounded-lg bg-saseGreen px-4 py-2 font-bold text-white transition duration-300 hover:bg-[#486f2b]">
-                    Sponsors
-                  </a>
-                </div>
+                please contact our External Vice President, Kayleen Diaz, at
               </p>
+              <div className="flex w-full items-center">
+                <a href="mailto:[email protected]" className="text-saseGreen underline">
+                  [email protected]
+                </a>
+                <a
+                  href="/sponsors"
+                  className="ml-auto hidden rounded-lg bg-saseGreen px-4 py-2 font-bold text-white transition duration-300 hover:bg-[#486f2b] sm:block"
+                >
+                  Sponsors
+                </a>
+              </div>
+              <div className="mt-4 sm:hidden">
+                <a href="/sponsors" className="rounded-lg bg-saseGreen px-4 py-2 font-bold text-white transition duration-300 hover:bg-[#486f2b]">
+                  Sponsors
+                </a>
+              </div>
             </div>
 
             <div className="flex w-full flex-col items-center gap-16">