Merge branch 'develop' of github.com:202306-NEA-DZ-FEW/StudentStore i…

…nto 182-fix-event-styling-responsiveness
202306-NEA-DZ-FEW · Nov 28, 2023 · 4a3a016 · 4a3a016
2 parents 4d59e4a + 677c032
commit 4a3a016
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -1,4 +1,3 @@
-import { useAuth } from "@/context/AuthContext";
 import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
@@ -13,6 +12,8 @@ import {
 } from "react-icons/fa";
 import { IoIosArrowUp } from "react-icons/io";
 
+import { useAuth } from "@/context/AuthContext";
+
 function Footer({ t }) {
     const route = useRouter();
     const { currentUser } = useAuth();
@@ -171,7 +172,7 @@ function Footer({ t }) {
                         background: "none",
                         border: "none",
                         cursor: "pointer",
-                        zIndex: 999,
+                        zIndex: 50,
                         margin: "8px",
                     }}
                     className='absolute scroll-arrow animate-bounce bottom-8 right-4 sm:bottom-4 text-[#FF8A57]'

diff --git a/src/components/Loader/Loader.jsx b/src/components/Loader/Loader.jsx
@@ -2,8 +2,8 @@ import { GridLoader } from "react-spinners";
 
 export default function Loader() {
     return (
-        <div className='min-h-[80vh] flex items-center justify-center'>
-            <GridLoader size={22} color={"#FF8A57"} />
+        <div className='fixed top-0 left-0 h-screen w-screen flex items-center bg-[#e5e7eb] justify-center z-[999] '>
+            <GridLoader size={22} color='#FF8A57' />
         </div>
     );
 }
diff --git a/src/components/Loader/__test__/__snapshots__/Loader.test.js.snap b/src/components/Loader/__test__/__snapshots__/Loader.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`renders correctly 1`] = `
 <div
-  className="min-h-[80vh] flex items-center justify-center"
+  className="fixed top-0 left-0 h-screen w-screen flex items-center bg-[#e5e7eb] justify-center z-[999] "
 >
   <div
     className="mocked-grid-loader"