feat: changes for auth

package.json

@@ -36,7 +36,7 @@
     "js-cookie": "^3.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-fast-marquee": "^1.6.3",
+    "react-fast-marquee": "^1.6.4",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.49.3",
     "react-icons": "^4.10.1",
@@ -83,6 +83,7 @@
     "husky": "^8.0.0",
     "lint-staged": "^13.2.1",
     "prettier": "^3.1.1",
+    "sass": "^1.70.0",
     "vite": "^4.4.2",
     "vite-plugin-pwa": "^0.16.5"
   },

src/App.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
 import { BacktoTop } from "./components/shared";
 import "./styles/App.css";
+import "./styles/Globals.scss";
 import routesConfig from "./utils/routesConfig.jsx";
 
 const App = () => {

src/components/private/cards/club/ClubCard.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button } from "../../../shared";
-import "./style.css";
+import "./ClubCard.css";
 
 const DetailedClub = ({ club }) => {
   return (

src/components/private/landing/Landing.css

@@ -84,7 +84,7 @@
   font-family: "Poppins", sans-serif;
   font-size: 17px;
   font-style: normal;
-  width: 180px;
+  width: auto;
   font-weight: 500;
   display: flex;
   justify-content: space-evenly;

src/components/shared/cards/events/EventsCard.css

@@ -0,0 +1,56 @@
+.eventscard_parent {
+  border-radius: 6px;
+  width: 300px;
+  height: 300px;
+  position: relative;
+  background-color: white;
+  border: 1px solid #6b2615;
+  padding: 0.5rem;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+  margin: 0 1rem;
+}
+
+.mySwiper {
+  padding: 1.5rem 0;
+}
+
+.eventscard_parent:hover {
+  -webkit-box-shadow: 0px 0px 20px 7px rgba(226, 105, 89, 0.32);
+  -moz-box-shadow: 0px 0px 20px 7px rgba(226, 105, 89, 0.32);
+  box-shadow: 0px 0px 20px 7px rgba(226, 105, 89, 0.32);
+  border: 1px solid #ff5b31;
+  transition: all 0.3s ease-in-out;
+}
+
+.eventscard_parent > img:nth-of-type(1) {
+  width: 100%;
+  margin: auto;
+  border-radius: 6px 6px 0 0px;
+}
+
+.eventscard_body > h1 {
+  font-size: 17px;
+  color: black;
+  font-weight: 700;
+  font-family: "Poppins", sans-serif;
+  margin-top: 0.5rem;
+}
+
+.eventscard_date {
+  background-color: white;
+  position: absolute;
+  top: 7px;
+  right: 7px;
+  text-align: center;
+  padding: 7px 2px;
+  border-radius: 4px;
+}
+
+.eventscard_date > p {
+  color: black;
+  font-family: "Inter", sans-serif;
+  font-weight: 700;
+  margin: 0;
+  font-size: 1px;
+}

src/components/shared/cards/events/EventsCard.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+import "./EventsCard.css";
+
+const EventsCard = () => {
+  return (
+    <div className="eventscard_parent">
+      <img
+        src="https://149695847.v2.pressablecdn.com/wp-content/uploads/2018/11/data-analysis-ngo.jpg"
+        alt=""
+      />
+
+      <div className="eventscard_body">
+        <h1>ISB Alumni Social Impact SIG Initiative</h1>
+        <div className="eventscard_date">
+          <p>01</p>
+          <p>OCT</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default EventsCard;

src/pages/clubs/all/Clubs.jsx → src/pages/clubs/Clubs.jsx

@@ -1,10 +1,10 @@
 import React, { useEffect } from "react";
 import useSWR from "swr";
-import { DetailedClub } from "../../../components/private";
-import { Footer, Header, Navbar } from "../../../components/shared";
-import { clubEndpoints } from "../../../static/ApiEndpoints";
-import ComponentHelmet from "../../../utils/ComponentHelmet";
-import fetcher from "../../../utils/Fetcher";
+import { DetailedClub } from "../../components/private";
+import { Footer, Header, Navbar } from "../../components/shared";
+import { clubEndpoints } from "../../static/ApiEndpoints";
+import ComponentHelmet from "../../utils/ComponentHelmet";
+import fetcher from "../../utils/Fetcher";
 import "./Clubs.css";
 
 const Clubs = () => {