{label &&
}
diff --git a/src/components/Signup.jsx b/src/components/Signup.jsx
index c8782e6..d0b6bf5 100644
--- a/src/components/Signup.jsx
+++ b/src/components/Signup.jsx
@@ -19,7 +19,7 @@ const 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("/")
console.log('Signup component mounted')
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 &&
{error}
}
-
-
- )
+ return (
+ <>
+
+
+ )
}
export default PostFrom
\ No newline at end of file
diff --git a/src/main.jsx b/src/main.jsx
index af33ce8..0c958e3 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";
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:(
-
+
)
},
{
- path:"/app-posts",
+ path:"/all-posts",
element:(
{" "}
@@ -49,11 +50,11 @@ const router = createBrowserRouter([
)
},
{
- path:"/app-post",
+ path:"/add-post",
element:(
{" "}
-
+
)
},
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 (
)
diff --git a/src/pages/AllPosts.jsx b/src/pages/AllPosts.jsx
index c445221..8006927 100644
--- a/src/pages/AllPosts.jsx
+++ b/src/pages/AllPosts.jsx
@@ -5,31 +5,25 @@ 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);
+ console.log('All posts fetched successfully:', posts);
}
- } catch (error) {
- console.log("Error fetching posts ",error);
- setError(error);
- }
- },[])
+ })
+ },[posts])
return (
- {error &&
{error}
}
-
+
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 ? (
-
- ):null
+ else navigate("/")
+ }, [Id, navigate])
+ return post ? (
+
+ ) : null
}
export default EditPost
\ No newline at end of file
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);
}
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 = () => {
{parse(post.content)}
-
+