feat: implement story feature

* protectedRoutes: implement protected protectedRoutes * refactor: refactor code improve naming convention * fix: like in profile page * reduxQuery: implement redux toolkit query for efficient data fetching
salman-aziz-4425 · Aug 18, 2023 · cce9432 · cce9432
1 parent eec97b7
commit cce9432
Show file tree

Hide file tree

Showing 72 changed files with 2,828 additions and 1,784 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1 @@
+node_modules
diff --git a/.env b/.env
@@ -0,0 +1 @@
+VITE_API_BASE_URL="http://localhost:8000"
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -23,6 +23,6 @@ module.exports = {
 		semi: ['error', 'never'],
 		'react/prop-types': 0,
 		'react-hooks/rules-of-hooks': 'error',
-		'react-hooks/exhaustive-deps': 'error'
+		'react-hooks/exhaustive-deps': 'error',
 	}
 }
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,11 @@
+FROM node:18-alpine
+
+WORKDIR /app
+
+COPY package.json .
+
+RUN npm install
+
+COPY . .
+
+CMD [ "npm","run","dev" ]
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/instagram.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Instagram(Dev)</title>
+    <title>Instagram</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/instagram.png b/public/instagram.png
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,10 +1,11 @@
 import { Routes, Route, Navigate } from 'react-router-dom'
 import { useSelector } from 'react-redux'
-import Login from './Pages/Login'
+
+import Login from './pages/Login'
 import './index.css'
-import Registeration from './Pages/Registeration'
-import Home from './Pages/Home'
-import Profile from './Pages/Profile'
+import Registeration from './pages/Registeration'
+import Home from './pages/Home'
+import Profile from './pages/Profile'
 
 function App() {
 	const PrivateRoute = ({ isAuth, children }) => {
@@ -21,7 +22,7 @@ function App() {
 		return <Navigate to="/Home" />
 	}
 
-	const isAuth = useSelector((state) => state.persistedReducer?.isAuth) || false
+	const isAuth = useSelector((state) => state.user.isAuth) || false
 
 	return (
 		<div className="App">

diff --git a/src/Components/Loader.jsx b/src/Components/Loader.jsx
diff --git a/src/Components/Search.jsx b/src/Components/Search.jsx
diff --git a/src/Components/UI/Input.jsx b/src/Components/UI/Input.jsx
diff --git a/src/Components/UI/antd.jsx b/src/Components/UI/antd.jsx
diff --git a/src/Components/comment/CommentCard.jsx b/src/Components/comment/CommentCard.jsx