+
List notes
+
-function Notes() {
+ {
+ notes.map(note => {
+ {
+ if(users.id === note.user_id){
+ return (
+
+
{note.title}
+
{note.content}
+
+
+
+
+
+ )
+ }
+ }
- const { data: notes = [], status, error } = useGetNotesQuery();
- const [deleteNote] = useDeleteNoteMutation();
+ })
+ }
- const deleteNoteHandler = (id) => {
- deleteNote(id);
- };
-
+
- return (
-
- {status === "loading" &&
Loading...
}
- {status === "failed" &&
Sorry, {error}
}
- {notes.map((note) => (
-
-
-
{note.title}
-
{note.content}
-
-
-
-
-
-
-
-
-
- ))}
- );
+ )
}
-export default Notes;
\ No newline at end of file
+export default Notes
\ No newline at end of file
diff --git a/src/components/Profile.jsx b/src/components/Profile.jsx
new file mode 100644
index 0000000..f000e86
--- /dev/null
+++ b/src/components/Profile.jsx
@@ -0,0 +1,20 @@
+import avatar from "../assets/avator.png";
+import { useGetUserQuery } from "../store/api/UserSlice";
+const Profile = () => {
+ const { data:users = { } } = useGetUserQuery();
+ console.log(users.name)
+ return (
+
+
Profile
+
+
+
+
Name : {users.name}
+
Email :{users.email}
+
+
+
+ )
+}
+
+export default Profile
\ No newline at end of file
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
new file mode 100644
index 0000000..c74eccf
--- /dev/null
+++ b/src/components/Sidebar.jsx
@@ -0,0 +1,53 @@
+import { Link, useNavigate } from "react-router-dom"
+import { MdNoteAdd, MdHome } from "react-icons/md"
+import { BiSolidLogInCircle } from "react-icons/bi"
+import { BsPersonFillAdd } from "react-icons/bs"
+import { useState } from "react"
+import { useEffect } from "react"
+import Cookies from "js-cookie"
+import { FaUserCircle } from "react-icons/fa"
+import "./Style.css"
+const Sidebar = ({ HandleHideMenu, showMenu }) => {
+ const token = Cookies.get("token");
+ const [auth, setAuth] = useState(false);
+ const navigate = useNavigate();
+ useEffect(() => {
+ if (token) {
+ setAuth(true);
+ }
+ }, [token])
+ const handleLogOut = () => {
+ Cookies.remove("token");
+ setAuth(false);
+ navigate('/Login');
+ }
+ return (
+
+
+
+
+ )
+}
+
+export default Sidebar
\ No newline at end of file
diff --git a/src/components/Style.css b/src/components/Style.css
new file mode 100644
index 0000000..4037587
--- /dev/null
+++ b/src/components/Style.css
@@ -0,0 +1,8 @@
+@media (max-width: 768px) {
+ .show {
+ display: block;
+ }
+ .hide {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/src/main.jsx b/src/main.jsx
index 87b7375..29450eb 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,9 +2,9 @@ import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
-import { store } from './store'
import { Provider } from 'react-redux'
import { BrowserRouter } from 'react-router-dom'
+import { store } from './store/store.js'
ReactDOM.createRoot(document.getElementById('root')).render(
diff --git a/src/privateRoutes/PrivateRoutes.jsx b/src/privateRoutes/PrivateRoutes.jsx
new file mode 100644
index 0000000..d94ef42
--- /dev/null
+++ b/src/privateRoutes/PrivateRoutes.jsx
@@ -0,0 +1,12 @@
+import Cookies from "js-cookie"
+import { Navigate , Outlet} from "react-router-dom"
+import Login from "../Auth/Login";
+const PrivateRoutes = () => {
+ const token = Cookies.get('token');
+ if(!token) {
+ return }/>
+ }
+ return
+}
+
+export default PrivateRoutes
\ No newline at end of file
diff --git a/src/store/api/AuthSlice.js b/src/store/api/AuthSlice.js
new file mode 100644
index 0000000..9c7be19
--- /dev/null
+++ b/src/store/api/AuthSlice.js
@@ -0,0 +1,43 @@
+import { createApi , fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import BaseQuery from "../../BaseQuery";
+import Cookies from "js-cookie";
+const setcookie = (token)=>{
+ return Cookies.set("token",token , { expires : 1 });
+}
+export const AuthSlice = createApi({
+ reducerPath : "authSlice",
+ baseQuery : fetchBaseQuery({
+ baseUrl : BaseQuery
+ })
+ ,
+ endpoints : (builder)=>({
+ register:builder.mutation({
+ query:(newUser)=>({
+ url : "register",
+ method : "POST",
+ body : newUser
+ })
+ }),
+ login:builder.mutation({
+ query:(user)=>({
+ url : "login",
+ method : "POST",
+ body :user
+ })
+ ,
+ onQueryStarted : async (arg,{queryFulfilled})=>{
+ try{
+ const result = await queryFulfilled;
+ console.log("i alikey",result)
+
+ setcookie(result.data.token);
+ }
+ catch(err){
+ console.log(err)
+ }
+ }
+ }),
+ })
+})
+
+export const {useLoginMutation , useRegisterMutation} = AuthSlice
\ No newline at end of file
diff --git a/src/store/api/NoteSlice.js b/src/store/api/NoteSlice.js
index 1ce82f4..fab5c78 100644
--- a/src/store/api/NoteSlice.js
+++ b/src/store/api/NoteSlice.js
@@ -1,43 +1,72 @@
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
+import BaseQuery from '../../BaseQuery';
+import Cookies from 'js-cookie';
-export const noteApi = createApi({
- reducerPath: 'noteApi',
- baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:9000' }),
+const getcookie = ()=>{
+ return Cookies.get("token");
+}
+export const NoteSlice = createApi({
+ reducerPath: 'noteSlice',
+ baseQuery: fetchBaseQuery({
+ baseUrl: BaseQuery,
+ prepareHeaders : (Headers)=>{
+ const token = getcookie();
+ if(token){
+ Headers.set("Authorization",`Bearer ${token}`);
+ }
+ return Headers;
+ }
+ }),
tagTypes: ['Note'],
endpoints: (builder) => ({
+
getNotes: builder.query({
- query: () => '/notes',
- providesTags: ['Note'],
+ query: () => {
+ return{
+ url: "notes",
+ method: "GET",
+ }
+ },
+ providesTags: ["Note"]
}),
- addNote: builder.mutation({
- query: (body) => ({
- url: 'create_note',
- method: 'POST',
- body,
+
+ addNotes: builder.mutation({
+ query: (addNote) => ({
+ url: "create_note",
+ method: "POST",
+ body: addNote
}),
- invalidatesTags: ['Note'],
+ invalidatesTags: ["Note"]
}),
- updateNote: builder.mutation({
- query: ({ id, updatedNote }) => ({
+
+ updateNotes: builder.mutation({
+ query: ({ updateNote, id }) => ({
url: `update_note/${id}`,
- method: 'PUT',
- body: updatedNote,
+ method: "PUT",
+ body: updateNote
}),
- invalidatesTags: ['Note'],
+ invalidatesTags: ["Note"]
+
}),
- deleteNote: builder.mutation({
+
+ deleteNotes: builder.mutation({
query: (id) => ({
url: `delete_note/${id}`,
- method: 'DELETE',
+ method: "DELETE",
}),
- invalidatesTags: ['Note'],
- }),
- }),
+ invalidatesTags: ["Note"]
+
+ })
+
+ })
})
-export const {
- useGetNotesQuery,
- useAddNoteMutation,
- useUpdateNoteMutation,
- useDeleteNoteMutation,
-} = noteApi
+export const { useGetNotesQuery, useAddNotesMutation, useUpdateNotesMutation, useDeleteNotesMutation } = NoteSlice;
+
+
+
+
+
+
+
+
diff --git a/src/store/api/UserSlice.js b/src/store/api/UserSlice.js
new file mode 100644
index 0000000..b43ec88
--- /dev/null
+++ b/src/store/api/UserSlice.js
@@ -0,0 +1,33 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import BaseQuery from "../../BaseQuery";
+import Cookies from "js-cookie";
+const getcookie = () => {
+ return Cookies.get("token");
+}
+export const UserSlice = createApi({
+ reducerPath: "userSlice",
+ baseQuery: fetchBaseQuery({
+ baseUrl: BaseQuery,
+ prepareHeaders: (Headers) => {
+ const token = getcookie();
+ if (token) {
+ Headers.set("Authorization", `Bearer ${token}`);
+ }
+ return Headers
+ }
+ }),
+ tagTypes: ['userSlice'],
+ endpoints: (builder) => ({
+ getUser: builder.query({
+ query: () => {
+ return{
+ url: "user",
+ method: "GET",
+ }
+ },
+ providesTags: ["userSlice"]
+ }),
+ })
+})
+
+export const { useGetUserQuery } = UserSlice
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
deleted file mode 100644
index dd2a6f5..0000000
--- a/src/store/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { configureStore } from '@reduxjs/toolkit'
-import { noteApi } from './api/NoteSlice'
-import { setupListeners } from '@reduxjs/toolkit/query'
-
-export const store = configureStore({
- reducer: {
- [noteApi.reducerPath]: noteApi.reducer,
- },
- middleware: (getDefaultMiddleware) =>
- getDefaultMiddleware().concat(noteApi.middleware),
-
-})
-
-setupListeners(store.dispatch)
-
diff --git a/src/store/store.js b/src/store/store.js
new file mode 100644
index 0000000..a89d3d7
--- /dev/null
+++ b/src/store/store.js
@@ -0,0 +1,16 @@
+import { configureStore} from "@reduxjs/toolkit";
+import { NoteSlice } from "./api/NoteSlice";
+import { setupListeners } from "@reduxjs/toolkit/dist/query";
+import { AuthSlice } from "./api/AuthSlice";
+import { UserSlice } from "./api/UserSlice";
+
+export const store = configureStore({
+ reducer : {
+ [NoteSlice.reducerPath] : NoteSlice.reducer,
+ [AuthSlice.reducerPath] : AuthSlice.reducer,
+ [UserSlice.reducerPath] : UserSlice.reducer
+ },
+ middleware : (getDefaultMiddleware)=>getDefaultMiddleware().concat(NoteSlice.middleware)
+ .concat(AuthSlice.middleware).concat(UserSlice.middleware)
+})
+setupListeners(store.dispatch)
\ No newline at end of file