everything is functional

Author: Adityasinghvats

README.md

@@ -6,3 +6,6 @@ Currently, two official plugins are available:
 
 - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
 - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+# Note 
+- It takes some time for redux to hydrate the state so please wait for some time before creating a new post

src/components/PostCard.jsx

@@ -7,8 +7,8 @@ function PostCard({$id, title, featuredImage}) { //$id - special syntax of aappw
     <Link to={`/post/${$id}`}>
         <div className='w-full bg-gray-100 rounded-xl p-4'>
             <div className='w-full justify-center mb-4'>
-                <img src={appwriteService.getFilePreview(featuredImage)}
-                 alt={title} className='rounded-xl'/>
+                <img className="rounded-xl" src={appwriteService.getFilePreview(featuredImage)}
+                 alt={title}/>
             </div>
         </div>
         <h2 className='text-xl font-bold'>

src/components/post-form/PostForm.jsx

@@ -7,13 +7,14 @@ import { useSelector } from 'react-redux'
 
 export default function PostForm({post}) {
     const userData = useSelector((state) => state.auth.userData)
+    console.log(userData)
     const {register, handleSubmit, watch, setValue, control, getValues} = useForm({
         defaultValues:{
             title: post?.title || "",
             slug : post?.$id || "",
             content : post?.content || "",
             status : post?.status || "active",
-            userId: userData?.$id || ""
+            // userId: userData?.$id || ""
         },
     })
 
@@ -24,14 +25,17 @@ export default function PostForm({post}) {
             const file = data.image[0] ? await appwriteService.uploadFile(data.image[0]) : null
             if(file){
                 appwriteService.deleteFile(post.featuredImage)
+                console.log("file created")
             }
             const dbPost = await appwriteService.updatePost(
                 post.$id, {
                     ...data,
                     featuredImage: file ? file.$id : undefined,
                 }
             )
+            console.log("post updated")
             if(dbPost) {
+                console.log("navigating to post")
                 navigate(`/post/${dbPost.$id}`)
             }
         }else {
@@ -42,7 +46,7 @@ export default function PostForm({post}) {
                 data.featuredImage = fileId
                 const dbPost = await appwriteService.createPost({
                     ...data,
-                    usedId : userData.$id,
+                    userId :userData.$id,
                 })
                 if(dbPost){
                     navigate(`/post/${dbPost.$id}`)

src/pages/Post.jsx

@@ -38,8 +38,8 @@ export default function Post() {
                 <div className="w-full flex justify-center mb-4 relative border rounded-xl p-2">
                     <img
                         src={appwriteService.getFilePreview(post.featuredImage)}
-                        alt={post.title}
                         className="rounded-xl"
+                        alt={post.title}
                     />
 
                     {isAuthor && (

src/store/authSlice.js

@@ -13,6 +13,7 @@ const authSlice = createSlice({
         login: (state, action) => {
             state.status = true;
             state.userData = action.payload.userData;
+            // state.userData = action.payload;
         },
         logout:(state) => {
             state.status = false;