From 58a10ca6becf434758129b687aadfb597126f220 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sun, 9 Jul 2023 23:14:07 +0100
Subject: [PATCH] home page hero section adjusted and google login success
 redirect implemented

---
 src/components/AuthPages/AuthRedirect/Redirect.jsx |  9 +++++----
 src/components/Cards/HomeBannerOffersCard.jsx      | 10 +++++-----
 src/components/Home/Hero.jsx                       |  6 +++---
 src/components/Home/HomeSliders.jsx                |  2 +-
 src/index.css                                      |  7 -------
 5 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/src/components/AuthPages/AuthRedirect/Redirect.jsx b/src/components/AuthPages/AuthRedirect/Redirect.jsx
index 8db1101..1e6e104 100644
--- a/src/components/AuthPages/AuthRedirect/Redirect.jsx
+++ b/src/components/AuthPages/AuthRedirect/Redirect.jsx
@@ -8,6 +8,7 @@ function Redirect() {
     const location = useLocation();
     const navigate = useNavigate();
     const userApi = new usersService();
+    const dispatch = useDispatch()
 
     const queryParams = new URLSearchParams(location?.search);
     const codeResponse = queryParams.get("code");
@@ -37,19 +38,19 @@ function Redirect() {
         userApi
           .authStart(reqData)
           .then((res) => {
-            console.log(res.data);
-            if (res.status != 200 || res.internal_return < 0) {
+            if (res.status != 200) {
+              navigate('/login', {replace: true})
               return;
             }
 
               localStorage.setItem("member_id", `${res.data.member_id}`);
               localStorage.setItem("uid", `${res.data.uid}`);
               localStorage.setItem("session_token", `${res.data.session}`);
-              // localStorage.setItem("session", `${res.data.session}`);
               dispatch(updateUserDetails({...res.data, loggedIn:true}));
-              
+              navigate('/', {replace: true})
           })
           .catch((error) => {
+            navigate('/login', {replace: true})
             console.log(error);
           });
     },[])
diff --git a/src/components/Cards/HomeBannerOffersCard.jsx b/src/components/Cards/HomeBannerOffersCard.jsx
index 4ba0dad..72f4a58 100644
--- a/src/components/Cards/HomeBannerOffersCard.jsx
+++ b/src/components/Cards/HomeBannerOffersCard.jsx
@@ -17,21 +17,21 @@ export default function HomeBannerOffersCard(props) {
   return (
     <Link
       to={link_result}
-      className="item w-full block group banner-630-340 bg-cover bg-center"
+      className="item p-2 w-full flex items-center min-h-[340px] bg-alice-blue bg-cover bg-center"
       style={{
         backgroundImage: `url('${imageUrl}')`,
       }}
     >
-      <div className="flex flex-col justify-between h-full">
+      <div className="w-[80%] h-full mx-auto flex flex-col justify-between">
         <div className="content flex justify-between items-center">
-          <div className="siderCardHeader">
-            <h1 className="text-2xl font-bold text-dark-gray dark:text-white tracking-wide">
+          <div className="mb-2">
+            <h1 className="text-2xl lg:text-4xl font-bold text-dark-gray dark:text-white tracking-wide">
               <span className="heroSilderTitle">{props.itemData.title}</span>
             </h1>
           </div>
         </div>
         <div className="flex flex-col justify-around items-center flex-1">
-          <div className="siderCardDescription">
+          <div className="siderCardDescription mb-2">
             {props.itemData.description}
           </div>
           <button className="w-[150px] h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
diff --git a/src/components/Home/Hero.jsx b/src/components/Home/Hero.jsx
index ed6d17f..f5ad38a 100644
--- a/src/components/Home/Hero.jsx
+++ b/src/components/Home/Hero.jsx
@@ -24,7 +24,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
 
   return (
     <div
-      className={`w-full lg:h-[444px] h-full lg:flex lg:p-8 p-4 justify-between items-center lg:space-x-28 rounded-2xl overflow-hidden ${
+      className={`w-full h-full md:grid grid-cols-2 lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden ${
         className || ""
       }`}
       style={{
@@ -33,7 +33,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
         backgroundSize: "cover",
       }}
     >
-      <div className="flex-1 h-[330px] lg:h-full flex flex-col justify-between mb-5 lg:mb-0">
+      <div className="h-full flex flex-col justify-between mb-5 lg:mb-0">
         {/* heading */}
         <div>
           <h1 className="lg:text-2xl text-xl font-medium text-white tracking-wide">
@@ -84,7 +84,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
         )}
         {/* action */}
         <div className="flex lg:space-x-3 space-x-1 items-center">
-          <Link to="/mytask" className="text-white text-base sm:block hidden">
+          <Link to="/mytask" className="text-white text-base">
             <span className=" border-b dark:border-[#5356fb29]  border-white">
               {" "}
               View All Task(s)
diff --git a/src/components/Home/HomeSliders.jsx b/src/components/Home/HomeSliders.jsx
index fcbd89b..429d79b 100644
--- a/src/components/Home/HomeSliders.jsx
+++ b/src/components/Home/HomeSliders.jsx
@@ -6,7 +6,7 @@ export default function HomeSliders(props) {
   // debugger;
   return (
     <>
-      <div className="hero-slider relative 2xl:w-[600px] xl:w-[400px] lg:w-[420px] w-full mb-2 lg:mb-0 ">
+      <div className="hero-slider relative h-full w-full mb-2 lg:mb-0">
         <div className="w-full">
           <SliderCom settings={props.settings}>
             {props.bannerList?.length <= 0 && (
diff --git a/src/index.css b/src/index.css
index b3e4c4c..b8c63ad 100644
--- a/src/index.css
+++ b/src/index.css
@@ -27,7 +27,6 @@
 .heroSilderTitle{
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
   font-family: sans; color: white;
-  font-size: 42px;
   font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
 }
 
@@ -49,13 +48,7 @@
   color: white;
   font-weight: bold;
 }
-.siderCardHeader{
-  margin: 40px 40px 10px 40px;
-  font-size: 24px;
-  font-weight: bolder;
-}
 .siderCardDescription{
-  margin: 10px 45px 10px 45px;
   background-color: aliceblue;
   padding: 5px;
   border-radius: 5px;