fix: fixed functioning of contact us button in footer (#1140)

* fix: fixed functioning of contact us button in footer * fix: applied font-families and colors in modal * fix: fallback fonts * fix: fallback fonts * fix: fallback fonts --------- Co-authored-by: Tamal Das <tamalcodes@gmail.com>
ngoworldcommunity · Oct 26, 2023 · d4a9644 · d4a9644
1 parent ea5c120
commit d4a9644
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/src/assets/data/ApiEndpoints.js b/src/assets/data/ApiEndpoints.js
@@ -3,7 +3,7 @@ const API = import.meta.env.VITE_MILANAPI;
 const userEndpoints = {
   bySlug: (slug) => `${API}/user?slug=${slug}`,
   update: `${API}/user/update`,
-  report: `${API}/user/userreport`,
+  report: `${API}/user/report`,
 };
 
 const clubEndpoints = {

diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
@@ -24,18 +24,20 @@
 }
 
 .reportModalHeader > h1 {
-  font-family: Montserrat, sans-serif;
-  color: #4e4e4e;
+  font-family: "Inter",sans-serif;
+  color: #28183b;
   font-size: 1.5rem;
   font-weight: 600;
 }
 
 .reportModal > h2 {
-  color: #4e4e4e;
+  font-family: "Poppins"sans-serif;
+  color: #28183b;
   font-size: 0.9rem;
 }
 
 #reportForm {
+  font-family: "Poppins"sans-serif;
   padding: 0;
 }
 

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -312,7 +312,7 @@ const Footer = () => {
                 aria-label="Follow me on Twitter"
                 target="_blank"
               >
-               <FaSquareXTwitter className="twitter-icon"/>
+                <FaSquareXTwitter className="twitter-icon" />
               </a>
             </div>
             <div className="github social-btn">
@@ -322,7 +322,7 @@ const Footer = () => {
                 aria-label="Follow me on Github"
                 target="_blank"
               >
-                <FaGithub className="github-icon"/>
+                <FaGithub className="github-icon" />
               </a>
             </div>
           </div>

diff --git a/src/components/Modal/Modal.jsx b/src/components/Modal/Modal.jsx
@@ -1,9 +1,8 @@
 import React from "react";
-import { createPortal } from "react-dom";
 import style from "./Modal.module.css";
 
-const Modal = ({ children, onClose, className = "" }) => {
-  return createPortal(
+const Modal = ({ children, onClose, className }) => {
+  return (
     <div className={style.overlay}>
       <div className={`${style.modal} ${className}`}>
         <button
@@ -14,8 +13,7 @@ const Modal = ({ children, onClose, className = "" }) => {
         ></button>
         {children}
       </div>
-    </div>,
-    document.getElementById("modal"),
+    </div>
   );
 };