feat(aastu-web-1): added animation on scroll

aastu/web/group-1/a2sv-blogs/package.json

@@ -13,6 +13,7 @@
     "@types/node": "20.5.1",
     "@types/react": "18.2.20",
     "@types/react-dom": "18.2.7",
+    "aos": "^2.3.4",
     "autoprefixer": "10.4.15",
     "classnames": "^2.3.2",
     "eslint": "8.47.0",

aastu/web/group-1/a2sv-blogs/src/app/(authLayout)/auth/signup/page.tsx

@@ -1,15 +1,17 @@
 "use client";
 import { useAuth } from "@/hooks/useAuth";
+import { resetAuth } from "@/lib/redux/slices/authSlice";
 import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
 
 export default function page() {
   const [email, setEmail] = useState<string>("");
   const [name, setName] = useState<string>("");
   const [password, setPassword] = useState<string>("");
-
+  const dispatch = useDispatch();
   const {
     auth: { isAuthenticated, error, isLoading },
     signupHandler,
@@ -75,6 +77,23 @@ export default function page() {
                 <span className="text-primary ">Please register </span>
                 into the system!
               </h4>
+              {error && (
+                <div className="w-full bg-red-400 text-white rounded-lg py-1 flex items-center justify-center space-x-5">
+                  <Image
+                    src="/images/sign-error.svg"
+                    width={23}
+                    height={23}
+                    alt="error sign"
+                    className="object-contain cursor-pointer"
+                    onClick={() => dispatch(resetAuth())}
+                  />
+                  <p>
+                    {error?.status === "FETCH_ERROR"
+                      ? "Network Error"
+                      : error?.data.message}
+                  </p>
+                </div>
+              )}
               <form className="py-4 flex flex-col" onSubmit={handleSubmit}>
                 <input
                   type="email"

aastu/web/group-1/a2sv-blogs/src/app/(default)/blogs/[id]/page.tsx

@@ -23,17 +23,18 @@ const Blog = ({ params }: { params: { id: string } }) => {
   if (!blogData) {
     return <div>No blog data available.</div>;
   }
-
+  console.log(blogData);
   return (
     <div className="md:p-20 p-5 flex flex-col items-center gap-10">
       <div className="flex flex-col items-center gap-4 mt-24">
         <h1 className="text-3xl font-french md:max-md:max-lg:text-xl">
           {blogData.title}
         </h1>
         <p className="font-montserrat uppercase text-xs text-center">
-          {blogData.tags.map((tag: any, index: any) =>
-            index != blogData.tags.length - 1 ? `${tag}, ` : tag
-          )}
+          {blogData.tags &&
+            blogData.tags.map((tag: any, index: any) =>
+              index != blogData.tags.length - 1 ? `${tag}, ` : tag
+            )}
         </p>
       </div>
       {blogData.image && (
@@ -43,9 +44,9 @@ const Blog = ({ params }: { params: { id: string } }) => {
           width={1000}
           height={450}
         />
-      )}{" "}
+      )}
       <div className="flex flex-col items-center gap-2">
-        {blogData.author && (
+        {blogData.author && blogData.author.image && (
           <Image
             src={blogData.author.image}
             alt="author image"
@@ -59,13 +60,16 @@ const Blog = ({ params }: { params: { id: string } }) => {
         </p>
       </div>
       <div className="md:px-32 flex flex-col gap-8 text-justify py-4">
-        {blogData.description.split("\n").map((paragraph: any, index: any) => (
-          <p
-            key={index}
-            className="font-montserrat text-sm text-left"
-            dangerouslySetInnerHTML={{ __html: paragraph }}
-          ></p>
-        ))}
+        {blogData.description &&
+          blogData.description
+            .split("\n")
+            .map((paragraph: any, index: any) => (
+              <p
+                key={index}
+                className="font-montserrat text-sm text-left"
+                dangerouslySetInnerHTML={{ __html: paragraph }}
+              ></p>
+            ))}
       </div>
       <div className="text-left w-full flex flex-col gap-12">
         <h1 className="font-montserrat text-xl font-bold">Related Blogs</h1>