From 4e5178c555c7a3663ae01af125a72b07e671730f Mon Sep 17 00:00:00 2001
From: UdayIge <udayige1696@gmail.com>
Date: Tue, 24 Jun 2025 02:13:36 +0530
Subject: [PATCH 1/3] FIX: all functionalities are fine now

---
 src/appwrite/config.js               |  64 ++++----
 src/components/AuthLayout.jsx        |   6 +-
 src/components/Header/Header.jsx     |   2 +-
 src/components/Header/LogoutBtn.jsx  |   8 +-
 src/components/Login.jsx             |   2 +-
 src/components/RTE.jsx               |   2 +-
 src/components/Signup.jsx            |   2 +-
 src/components/index.js              |   4 +-
 src/components/postForm/PostForm.jsx | 216 +++++++++++++--------------
 src/main.jsx                         |  13 +-
 src/pages/AddPost.jsx                |   3 +-
 src/pages/AllPosts.jsx               |  17 +--
 src/pages/EditPost.jsx               |  44 +++---
 src/pages/Post.jsx                   |  43 +++---
 src/pages/Signup.jsx                 |  12 --
 src/pages/SignupPage.jsx             |  11 ++
 src/pages/index.js                   |   2 +-
 src/store/authSlice.js               |   2 +-
 18 files changed, 216 insertions(+), 237 deletions(-)
 delete mode 100644 src/pages/Signup.jsx
 create mode 100644 src/pages/SignupPage.jsx

diff --git a/src/appwrite/config.js b/src/appwrite/config.js
index 4f7a52a..12c4dc7 100644
--- a/src/appwrite/config.js
+++ b/src/appwrite/config.js
@@ -1,65 +1,63 @@
 import confg from "../conf/conf";
 
-import { Client , ID , Databases , Query , Storage } from 'appwrite'
+import { Client, ID, Databases, Query, Storage } from 'appwrite'
 
-export class Service{
+export class Service {
     client = new Client();
     databases;
     Storage;
-    constructor(){
+    constructor() {
         this.client
-        .setEndpoint(confg.appwriteUrl)
-        .setProject(confg.appwriteProjectId)
+            .setEndpoint(confg.appwriteUrl)
+            .setProject(confg.appwriteProjectId)
         this.Storage = new Storage(this.client)
         this.databases = new Databases(this.client)
     }
 
-    async createPost({title , slug , content , featuredImage, status, userId}){
+    async createPost({ title, slug, content, featuredImage, status, userId }) {
         try {
             return await this.databases.createDocument(
                 confg.appwriteDatabaseId,
                 confg.appwriteCollectionId,
-                ID,  // documentId
+                ID.unique(),  // documentId
                 {
-                title,
-                slug,
-                content,
-                featuredImage,
-                status,
-                userId
-            }
-        );
+                    title,
+                    slug,
+                    content,
+                    featuredImage,
+                    status,
+                    userId
+                }
+            );
         } catch (error) {
             console.log(`Error creating post : ${error}`);
         }
     }
-    
-    async updatePost(ID,{title , slug , content , featuredImage, status,userId}){
+
+    async updatePost(Id, { title, slug, content, featuredImage, status, userId }) {
         try {
             return await this.databases.updateDocument(
                 confg.appwriteDatabaseId,
                 confg.appwriteCollectionId,
-                ID,
+                Id,
                 {
-                title,
-                slug,
-                content,
-                featuredImage,
-                status,
-                userId
-            }
+                    title,
+                    content,
+                    featuredImage,
+                    status,
+                }
             )
         } catch (error) {
             console.log(`Error updating post : ${error}`);
         }
     }
 
-    async deletePost(ID){
+    async deletePost(Id) {
         try {
             await this.databases.deleteDocument(
                 confg.appwriteDatabaseId,
                 confg.appwriteCollectionId,
-                ID,
+                Id,
             )
             return true;
         } catch (error) {
@@ -68,12 +66,12 @@ export class Service{
         }
     }
 
-    async getPost(ID){
+    async getPost(Id) {
         try {
             return await this.databases.getDocument(
                 confg.appwriteDatabaseId,
                 confg.appwriteCollectionId,
-                ID
+                Id,
             )
         } catch (error) {
             console.log(`Error getting post : ${error}`);
@@ -81,7 +79,7 @@ export class Service{
         }
     }
 
-    async getAllPost(queries = [Query.equal("status","active")]){
+    async getAllPost(queries = [Query.equal("status", "active")]) {
         try {
             return await this.databases.listDocuments(
                 confg.appwriteDatabaseId,
@@ -97,7 +95,7 @@ export class Service{
 
     // file upload service
 
-    async uploadFile(file){
+    async uploadFile(file) {
         try {
             return await this.Storage.createFile(
                 confg.appwriteBucketId,
@@ -109,7 +107,7 @@ export class Service{
         }
     }
 
-    async removeFile(fileId){
+    async removeFile(fileId) {
         try {
             await this.Storage.deleteFile(
                 confg.appwriteBucketId,
@@ -122,7 +120,7 @@ export class Service{
         }
     }
 
-    async getFilePreview(fileId){
+    async getFilePreview(fileId) {
         try {
             return await this.Storage.getFilePreview(
                 confg.appwriteBucketId,
diff --git a/src/components/AuthLayout.jsx b/src/components/AuthLayout.jsx
index d2c74cd..5773aae 100644
--- a/src/components/AuthLayout.jsx
+++ b/src/components/AuthLayout.jsx
@@ -16,11 +16,11 @@ const Protected = ({children,authentication = true}) => {
       }else if(!authentication && authStatus !== authentication){  // 
         navigate("/");
       }
-      setLoading(false)
-    },[authStatus,navigate,authentication])
+      setLoading(false);
+    },[authStatus, navigate, authentication]);
 
   return (
-    loading ? <h1>Loading...</h1> : <>{children}</>
+    loading ? <h1>Loading...</h1> : <div>{children}</div>
   )
 }
 
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 905a889..8894b98 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom'
 
 const Header = () => {
   
-  const authStatus = useSelector((state)=> state.auth.Status)
+  const authStatus = useSelector((state)=> state.auth.status)
 
   const navigate = useNavigate()
 
diff --git a/src/components/Header/LogoutBtn.jsx b/src/components/Header/LogoutBtn.jsx
index 65dfca0..e960af2 100644
--- a/src/components/Header/LogoutBtn.jsx
+++ b/src/components/Header/LogoutBtn.jsx
@@ -1,17 +1,17 @@
 import React from 'react'
 import { useDispatch } from 'react-redux'
-import authService from "../../appwrite/config"
-import logout  from "../../appwrite/auth.js"
+import authService from "../../appwrite/auth"
+import {logout}  from "../../store/authSlice"
 
 const LogoutBtn = () => {
     const dispatch = useDispatch();
     const logOutHandler = () => {
         authService.logout().then(()=>{
-            dispatch(logout())              // to update the state
+            dispatch(logout());              // to update the state
         })
     }
   return (
-    <button className='inline-block px-6 py-2 duration-200 hover:bg=blue-100 rounded-full'
+    <button className='inline-block bg-amber-100 px-6 py-2 duration-200 hover:bg=blue-100 rounded-full'
     onClick={logOutHandler}
     >
         Logout
diff --git a/src/components/Login.jsx b/src/components/Login.jsx
index 876e23a..68d0b22 100644
--- a/src/components/Login.jsx
+++ b/src/components/Login.jsx
@@ -20,7 +20,7 @@ const Login = () => {
             const session = await authService.login(data)
             if(session){
             const userData = await authService.isLogin()
-            if(userData) dispatch(authLogin(userData))
+            if(userData) dispatch(authLogin({userData}))
             navigate('/')
             
             }else{
diff --git a/src/components/RTE.jsx b/src/components/RTE.jsx
index 95554d5..d9ed7ef 100644
--- a/src/components/RTE.jsx
+++ b/src/components/RTE.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Editor } from '@tinymce/tinymce-react'
 import { Controller } from 'react-hook-form'
 
-const RTE = (name,control , label ) => {
+const RTE = ({name,control , label }) => {
   return (
     <div className='w-full'>
       {label && <label className='test-sm text-gray-600'>{label}</label>}
diff --git a/src/components/Signup.jsx b/src/components/Signup.jsx
index fa6757c..c0aff7c 100644
--- a/src/components/Signup.jsx
+++ b/src/components/Signup.jsx
@@ -19,7 +19,7 @@ function Signup() {
             const userData = await authService.createAccount(data)
             if (userData) {
                 const userData = await authService.isLogin()
-                if(userData) dispatch(login(userData));
+                if(userData) dispatch(login({userData}));
                 navigate("/")
             }
         } catch (error) {
diff --git a/src/components/index.js b/src/components/index.js
index 5b2c496..f925dcf 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -7,13 +7,13 @@ import RTE from "./RTE"
 import Select from "./Select"
 import Button from "./Button"
 import Input from "./Input"
-import Signup from "../pages/Signup";
+import Signup from "../pages/SignupPage";
 import PostForm from "./postForm/PostForm"
 import PostCard from "./PostCard"
 import AuthLayout from "./AuthLayout"
 import Login from "./Login"
 
-export{
+export {
     Header,
     Footer,
     Container,
diff --git a/src/components/postForm/PostForm.jsx b/src/components/postForm/PostForm.jsx
index 69202ab..e4d48b3 100644
--- a/src/components/postForm/PostForm.jsx
+++ b/src/components/postForm/PostForm.jsx
@@ -1,148 +1,138 @@
 import React, { useCallback, useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
-import {Button , Input , Select } from "../index"
+import { Button, Input, Select } from "../index"
 import appwriteServies from "../../appwrite/config"
 import { useSelector } from 'react-redux'
 import { useNavigate } from 'react-router-dom'
 import RTE from '../RTE'
 
-const PostFrom = ({post}) => {
-
-    const [error , setError] = useState('');
-
-    const {register ,handleSubmit , watch, setValue , control , getValues} = useForm({
-        defaultValues:{
+const PostFrom = ({ post }) => {
+    const { register, handleSubmit, watch, setValue, control, getValues } = useForm({
+        defaultValues: {
             title: post?.title || "",
-            slug:post?.slug || "",
-            content:post?.content || "",
-            status:post?.status || 'active',
+            slug: post?.$id || "",
+            content: post?.content || "",
+            status: post?.status || 'active',
         }
     })
 
     const navigate = useNavigate()
     const userData = useSelector(state => state.auth.userData)
 
-    const submit = async(data)=>{
-        setError('')
-        try {
-            if(post){
-                const file = await data.image[0] ? appwriteServies.uploadFile(data.image[0]) : null
-                if(file){
-                    appwriteServies.removeFile(post.featuredImage)
-                }
-                const dbPost = await appwriteServies.updatePost(post.$id,{...data,featuredImage: file ? file.$id : null })
-                if(dbPost){
-                    navigate(`/post/${dbPost.$id}`)
+    const submit = async (data) => {
+        if (post) {
+            const file = await data.image[0] ? appwriteServies.uploadFile(data.image[0]) : null
+            if (file) {
+                appwriteServies.removeFile(post.featuredImage)
+            }
+            const dbPost = await appwriteServies.updatePost(post.$id, { ...data, featuredImage: file ? file.$id : null })
+            if (dbPost) {
+                navigate(`/post/${dbPost.$id}`)
+            }
+        } else {
+            const file = await data.image[0] ? appwriteServies.uploadFile(data.image[0]) : null;
+
+            if (file) {
+                const fileId = file.$id
+                data.featuredImage = fileId;
+                const newPost = await appwriteServies.createPost({
+                    ...data,
+                    userId: userData.$id
+                })
+                if (newPost) {
+                    navigate(`/post/${newPost.$id}`)
                 }
-            }else{
-                const file  = await data.image[0] ? appwriteServies.uploadFile(data.image[0]): null ;
-                
-                if(file){
-                    const fileId = file.$id
-                    data.featuredImage = fileId;
-                    const newPost = await appwriteServies.createPost({
-                        ...data,
-                        userId: userData.$id
-                    })
-                    if(newPost){
-                        navigate(`/post/${newPost.$id}`)
-                    }
-                } 
             }
-        } catch (error) {
-            setError(error);
-            console.log('Something went Wrong !');            
         }
     }
 
     // slug Transform 
 
-    const slugTransform = useCallback((value)=>{
-        if(value && typeof value === 'string'){
+    const slugTransform = useCallback((value) => {
+        if (value && typeof value === 'string') {
             return value.trim('')
-            .toLowerCase()
-            .replace(/[^a-zA-Z\d\s]/g, '') // removes unwanted characters
-            .replace(/\s+/g, '-')          // replaces all whitespace with "-"
+                .toLowerCase()
+                .replace(/[^a-zA-Z\d\s]+/g, '') // removes unwanted characters
+                .replace(/\s/g, '-')          // replaces all whitespace with "-"
         }
-        return ''
-    })
+        return '';
+    },[])
 
 
-    useEffect(()=>{
-        const subscription = watch((value,{name})=>{
-            if(name === 'title'){
-                setValue('slug',slugTransform(value.title,
-                    {shouldValidate:true}
+    useEffect(() => {
+        const subscription = watch((value, { name }) => {
+            if (name === 'title') {
+                setValue('slug', slugTransform(value.title,
+                    { shouldValidate: true }
                 ))
             }
         })
 
-        return () =>{
-            subscription.unsubscribe()
+        return () => {
+            subscription.unsubscribe();
         }
 
-    },[watch , slugTransform , setValue])
+    }, [watch, slugTransform, setValue])
 
-  return (
-    <>
-    {error && <p className='text-red-600 mt-8 text-center'>{error}</p>}
-    <form onSubmit={handleSubmit(submit)}>
-        <div>
-            <Input 
-            label='Title:'
-            placeholder="Title"
-            className="mb-4"
-            {...register("title",{
-                required:true
-            })}
-            />
-            <Input 
-            label='Slug:'
-            placeholder="Slug"
-            className="mb-4"
-            {...register("slug",{
-                required:true
-            })}
-            onInput={(e)=>{
-                setValue("slug",slugTransform(e.currentTarget.value),{
-                    shouldValidate:true
-                });
-            }}
-            />
-            <RTE label='content :' name="content"
-            control={control} defaultValues={getValues("content")}
-            />
-        </div>
-        <div className='w-1/3 px-2'>
-        <Input 
-        label='Featured Image:'
-        type='file'
-        className="mb-4"
-        accept="image/png, image/jpg, image/jpeg , image/gif"
-        {...register("image",{
-            required:!post
-        })}
-        />
-        {post && (
-            <div className='w-full mb-4'>
-                <img src={appwriteServies.getFilePreview} alt={post.title} className='rounded-lg' />
-            </div>
-        )}
-        <Select 
-        options={['active',"Incative"]}
-        label="status"
-        className="mb-4"
-        {...register("status",{
-            required:true
-        })}
-        />
-        <button type='submit' bgColor={post ? "bg-green-500": undefined} className='w-full'>
-            {post ? "update":"Submit"}
-        </button>
-        </div>
-    </form>
-    </>
-  )
+    return (
+        <>
+            <form onSubmit={handleSubmit(submit)}>
+                <div>
+                    <Input
+                        label='Title:'
+                        placeholder="Title"
+                        className="mb-4"
+                        {...register("title", {
+                            required: true
+                        })}
+                    />
+                    <Input
+                        label='Slug:'
+                        placeholder="Slug"
+                        className="mb-4"
+                        {...register("slug", {
+                            required: true
+                        })}
+                        onInput={(e) => {
+                            setValue("slug", slugTransform(e.currentTarget.value), {
+                                shouldValidate: true
+                            });
+                        }}
+                    />
+                    <RTE label='content :' name="content"
+                        control={control} defaultValues={getValues("content")}
+                    />
+                </div>
+                <div className='w-1/3 px-2'>
+                    <Input
+                        label='Featured Image:'
+                        type='file'
+                        className="mb-4"
+                        accept="image/png, image/jpg, image/jpeg , image/gif"
+                        {...register("image", {
+                            required: !post
+                        })}
+                    />
+                    {post && (
+                        <div className='w-full mb-4'>
+                            <img src={appwriteServies.getFilePreview(post.featuredImage)} alt={post.title} className='rounded-lg' />
+                        </div>
+                    )}
+                    <Select
+                        options={['active', "Incative"]}
+                        label="status"
+                        className="mb-4"
+                        {...register("status", {
+                            required: true
+                        })}
+                    />
+                    <Button type='submit' bgColor={post ? "bg-green-500" : undefined} className='w-full'>
+                        {post ? "update" : "Submit"}
+                    </Button>
+                </div>
+            </form>
+        </>
+    )
 }
 
 export default PostFrom
\ No newline at end of file
diff --git a/src/main.jsx b/src/main.jsx
index f6525b7..e10725d 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -4,14 +4,15 @@ import './index.css'
 import App from './App.jsx'
 import { Provider } from 'react-redux'
 import store from "./store/store.js"
-import { AuthLayout, Login} from './components/index.js'
+import { AuthLayout} from './components/index.js'
 import { RouterProvider , createBrowserRouter} from 'react-router-dom'
 import AddPost from "./pages/AddPost.jsx";
 import AllPosts from "./pages/AllPosts";
 import Home from "./pages/Home"
+import Login from './pages/Login.jsx'
 import EditPost from "./pages/EditPost"
 import Post from "./pages/Post"
-import Signup from "./pages/Signup";
+import Signup from "./pages/SignupPage.jsx";
 
 
 const router = createBrowserRouter([
@@ -35,12 +36,12 @@ const router = createBrowserRouter([
         path:'/signup',
         element:(
           <AuthLayout authentication={false}>
-            <Signup/>
+            <Signup />
           </AuthLayout>
         )
       },
       {
-        path:"/app-posts",
+        path:"/all-posts",
         element:(
           <AuthLayout authentication>
             {" "}
@@ -49,11 +50,11 @@ const router = createBrowserRouter([
         )
       },
       {
-        path:"/app-post",
+        path:"/add-post",
         element:(
           <AuthLayout authentication>
             {" "}
-            <AddPost/>
+            <AddPost />
           </AuthLayout>
         )
       },
diff --git a/src/pages/AddPost.jsx b/src/pages/AddPost.jsx
index d22e3d3..5bc5fc8 100644
--- a/src/pages/AddPost.jsx
+++ b/src/pages/AddPost.jsx
@@ -1,12 +1,11 @@
 import React from 'react'
-import PostFrom from '../components/postForm/PostForm'
 import { Container, PostForm } from '../components'
 
 const AddPost = () => {
   return (
     <div className='py-8'>
         <Container>
-            <PostForm/>
+            <PostForm />
         </Container>
     </div>
   )
diff --git a/src/pages/AllPosts.jsx b/src/pages/AllPosts.jsx
index c445221..62972ab 100644
--- a/src/pages/AllPosts.jsx
+++ b/src/pages/AllPosts.jsx
@@ -5,26 +5,19 @@ import { Container , PostCard } from '../components'
 const AllPosts = () => {
 
     const [posts , setPosts] = useState([])
-    const [error , setError] = useState('')
     
-    useEffect(async()=>{
-        setError('')
-        try {
-            const posts = await appwriteService.getAllPost([])
-            if(posts){
-                setPosts(posts)
+    useEffect(()=>{
+        appwriteService.getAllPost([]).then((posts)=>{
+            if(posts) {
+                setPosts(posts.documents);
             }
-        } catch (error) {
-            console.log("Error fetching posts ",error);
-            setError(error);            
-        }
+        })        
     },[])
     
 
 
   return (
     <div className='w-full py-8'>
-    {error && <p className='text-red-600 mt-8 text-center'>{error}</p>}
         <Container>
             <div className='flex- flex-wrap'>
                 {posts.map((post)=>(
diff --git a/src/pages/EditPost.jsx b/src/pages/EditPost.jsx
index 25ed920..90e797d 100644
--- a/src/pages/EditPost.jsx
+++ b/src/pages/EditPost.jsx
@@ -1,33 +1,33 @@
 import React from 'react'
-import { useEffect,useState } from 'react'
-import { Container , PostForm} from '../components'
+import { useEffect, useState } from 'react'
+import { Container, PostForm } from '../components'
 import appwriteService from "../appwrite/config"
 import { useNavigate, useParams } from 'react-router-dom'
 
 const EditPost = () => {
-    const [post , setPosts] = useState([])
-    const Id = useParams()
+    const [post, setPost] = useState([])
+    const { Id } = useParams();
     const navigate = useNavigate()
 
-    useEffect( async()=>{
-        try {
-            const post = await appwriteService.getPost(Id);
-            if(post){
-                setPosts(post)
-            }
-        } catch (error) {
-            set
-            console.log("Error while edit post",error);
-            navigate('/')
+    useEffect(() => {
+        if (Id) {
+            appwriteService.getPost(Id).then((post) => {
+                if (post) {
+                    setPost(post);
+                } else {
+                    navigate("/")
+                }
+            })
         }
-    },[slug,navigate])
-  return post ?  (
-    <div className='py-8'>
-        <Container>
-            <PostForm posts={post}/>
-        </Container>
-    </div>
-  ):null
+        else navigate("/")
+    }, [Id, navigate])
+    return post ? (
+        <div className='py-8'>
+            <Container>
+                <PostForm post={post} />
+            </Container>
+        </div>
+    ) : null
 }
 
 export default EditPost
\ No newline at end of file
diff --git a/src/pages/Post.jsx b/src/pages/Post.jsx
index f8c0917..6e493d2 100644
--- a/src/pages/Post.jsx
+++ b/src/pages/Post.jsx
@@ -1,35 +1,34 @@
 import React, { useEffect, useState } from 'react'
 import { useSelector } from 'react-redux';
-import { useNavigate, useParams } from 'react-router-dom';
-
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import appwriteService from '../appwrite/config'
+import parse from "html-react-parser"
+import { Button, Container } from '../components';
 
 const Posts = () => {
 
-    const [post , setPosts] = useState(null);
-    const Id = useParams;
+    const [post, setPost] = useState(null);
+    const {Id}= useParams();
     const navigate = useNavigate();
     const userData = useSelector(state => state.auth.userData);
     const isAuthor = post && userData ? post.userId === userData.$id : false
 
-    useEffect(()=>{
-        const fetchPost = async()=>{
-            if(Id){
-            const post = await appwriteService.getPost(Id)
-            if(post){
-                setPosts(post);
-            }else{
-                navigate("/");
-            }
-        }else{
-            navigate("/");
+    useEffect(() => {
+        if(Id){
+            appwriteService.getPost(Id).then((post) =>{
+                if(post){
+                    setPost(post);
+                }else{
+                    navigate("/")
+                }
+            })
         }
-        }
-        fetchPost();
-    },[slug , navigate]);
+        else navigate("/");
+    }, [Id, navigate]);
 
-    const deletePost = () =>{
-        appwriteService.deletePost(post.$id).then((status=>{
-            if(status){
+    const deletePost = () => {
+        appwriteService.deletePost(post.$id).then((status => {
+            if (status) {
                 appwriteService.deleteFile(post.featuredImage);
                 navigate('/');
             }
@@ -64,7 +63,7 @@ const Posts = () => {
                 </div>
                 <div className="browser-css">
                     {parse(post.content)}
-                    </div>
+                </div>
             </Container>
         </div>
     ) : null;
diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx
deleted file mode 100644
index 42796b2..0000000
--- a/src/pages/Signup.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import{Signup as SignupComponent} from "../components"
-
-const Signup = () => {
-  return (
-    <div className='py-8'>  
-      <SignupComponent/>
-    </div>
-  )
-}
-
-export default Signup
\ No newline at end of file
diff --git a/src/pages/SignupPage.jsx b/src/pages/SignupPage.jsx
new file mode 100644
index 0000000..28069ee
--- /dev/null
+++ b/src/pages/SignupPage.jsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import Signup from '../components/Signup'
+const SignupPage = () => {
+  return (
+    <div className='space-y-8'>
+        <Signup />
+    </div>
+  )
+}
+
+export default SignupPage
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index f8cb8a5..2b9aff8 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,7 +4,7 @@ import Home from "./Home"
 import EditPost from "./EditPost"
 import Login from "./Login"
 import Post from "./Post"
-import Signup from "./Signup";
+import Signup from "./SignupPage";
 
 
 
diff --git a/src/store/authSlice.js b/src/store/authSlice.js
index 9abb2c4..c785323 100644
--- a/src/store/authSlice.js
+++ b/src/store/authSlice.js
@@ -11,7 +11,7 @@ const authSlice = createSlice({
     reducers:{  // state to change state after initial value     // actions se milta hai payload
         login:(state ,action)=>{
             state.status = true;
-            state.userData = action.payload;
+            state.userData = action.payload.userData;
         },
         logout:(state)=>{
             state.status = false;

From 76cd3feea92de810fc9b908048a9d3fd52edbb1d Mon Sep 17 00:00:00 2001
From: UdayIge <udayige1696@gmail.com>
Date: Tue, 24 Jun 2025 14:40:48 +0530
Subject: [PATCH 2/3] final fixes

---
 src/components/Header/LogoutBtn.jsx | 1 +
 src/pages/AllPosts.jsx              | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/LogoutBtn.jsx b/src/components/Header/LogoutBtn.jsx
index 3075451..df382b7 100644
--- a/src/components/Header/LogoutBtn.jsx
+++ b/src/components/Header/LogoutBtn.jsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { useDispatch } from 'react-redux'
 import authService from "../../appwrite/auth"
 import {logout}  from "../../store/authSlice"
+import { useNavigate } from 'react-router-dom'
 
 const LogoutBtn = () => {
     const dispatch = useDispatch();
diff --git a/src/pages/AllPosts.jsx b/src/pages/AllPosts.jsx
index 62972ab..64f0001 100644
--- a/src/pages/AllPosts.jsx
+++ b/src/pages/AllPosts.jsx
@@ -19,7 +19,7 @@ const AllPosts = () => {
   return (
     <div className='w-full py-8'>
         <Container>
-            <div className='flex- flex-wrap'>
+            <div className='flex flex-wrap'>
                 {posts.map((post)=>(
                     <div key={post.$id} className='p-2 w-1/4'>
                         <PostCard post={post}/>

From 215d30ff76e1b6308748e7a11f47031ad56bbb82 Mon Sep 17 00:00:00 2001
From: UdayIge <udayige1696@gmail.com>
Date: Tue, 24 Jun 2025 18:11:18 +0530
Subject: [PATCH 3/3] fixed the post card

---
 src/pages/AllPosts.jsx | 5 +++--
 src/pages/Home.jsx     | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/AllPosts.jsx b/src/pages/AllPosts.jsx
index 64f0001..8006927 100644
--- a/src/pages/AllPosts.jsx
+++ b/src/pages/AllPosts.jsx
@@ -10,9 +10,10 @@ const AllPosts = () => {
         appwriteService.getAllPost([]).then((posts)=>{
             if(posts) {
                 setPosts(posts.documents);
+                console.log('All posts fetched successfully:', posts);
             }
         })        
-    },[])
+    },[posts])
     
 
 
@@ -22,7 +23,7 @@ const AllPosts = () => {
             <div className='flex flex-wrap'>
                 {posts.map((post)=>(
                     <div key={post.$id} className='p-2 w-1/4'>
-                        <PostCard post={post}/>
+                        <PostCard {...post}/>
                     </div>
                 ))}
             </div>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 7c346f7..b68e723 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -15,7 +15,7 @@ const Home = () => {
         SetError('')
         setLoading(true)
         try {
-            const posts = await appwriteService.getAllPost();
+            const posts = await appwriteService.getAllPost([]);
             if(posts){
                 setPosts(posts.documents);
             }