From 35b69eae3f49a3af430fb5a06a8bc904c2768d69 Mon Sep 17 00:00:00 2001
From: QkoSad <malakrapon@gmail.com>
Date: Thu, 18 May 2023 20:17:22 +0300
Subject: [PATCH] before start updating to new redux

---
 .gitignore                                   |  1 +
 client/package.json                          |  2 +-
 client/src/App.css                           |  2 +-
 client/src/App.js                            |  7 ++-
 client/src/actions/post.js                   |  7 +--
 client/src/buttontemp.js                     |  0
 client/src/components/dashboard/Dashboard.js |  3 +-
 client/src/components/layout/Navbar.js       |  4 +-
 client/src/components/posts/PostForm.js      | 55 ++++++++++++--------
 client/src/index.js                          |  2 +
 client/src/reducers/profile.js               | 12 ++---
 11 files changed, 53 insertions(+), 42 deletions(-)
 create mode 100644 client/src/buttontemp.js

diff --git a/.gitignore b/.gitignore
index 56632cd..d030bb1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 default.json
 .vscode
+TODO.txt
diff --git a/client/package.json b/client/package.json
index 8666bfb..c3e46f8 100644
--- a/client/package.json
+++ b/client/package.json
@@ -43,5 +43,5 @@
       "last 1 safari version"
     ]
   },
-  "proxy":"http://localhost:5000"
+  "proxy": "http://localhost:5000"
 }
diff --git a/client/src/App.css b/client/src/App.css
index c8f207d..9a25c85 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -582,4 +582,4 @@ button {
   right: 2rem;
   display: inline-block;
 }
->>>>>>> cc38df43629d64ca77f694c971a13a026b3afcfb
+
diff --git a/client/src/App.js b/client/src/App.js
index b082990..da37e16 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
+
 import Navbar from './components/layout/Navbar';
 import Landing from './components/layout/Landing';
 import Register from './components/auth/Register';
@@ -25,6 +26,9 @@ import setAuthToken from './utils/setAuthToken';
 
 import './App.css';
 
+// Level - 1
+//
+
 const App = () => {
   useEffect(() => {
     // check for token in LS when app first runs
@@ -43,7 +47,8 @@ const App = () => {
   }, []);
 
   return (
-    <Provider store={store}>
+    <Provider store={store}> 
+    // Seting Up redux store 
       <Router>
         <Navbar />
         <Alert />
diff --git a/client/src/actions/post.js b/client/src/actions/post.js
index b140a96..b932dea 100644
--- a/client/src/actions/post.js
+++ b/client/src/actions/post.js
@@ -11,12 +11,7 @@ import {
   REMOVE_COMMENT
 } from './types';
 
-/*
-  NOTE: we don't need a config object for axios as the
- default headers in axios are already Content-Type: application/json
- also axios stringifies and parses JSON for you, so no need for 
- JSON.stringify or JSON.parse
-*/
+
 
 // Get posts
 export const getPosts = () => async (dispatch) => {
diff --git a/client/src/buttontemp.js b/client/src/buttontemp.js
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/dashboard/Dashboard.js b/client/src/components/dashboard/Dashboard.js
index 6ac1033..8f5ad2d 100644
--- a/client/src/components/dashboard/Dashboard.js
+++ b/client/src/components/dashboard/Dashboard.js
@@ -1,4 +1,3 @@
-
 import React, { useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
@@ -33,7 +32,7 @@ const Dashboard = ({
 
           <div className="my-2">
             <button className="btn btn-danger" onClick={() => deleteAccount()}>
-              <i className="fas fa-user-minus" /> Delete My Account
+              <i className="fas fa-user" /> Delete My Account
             </button>
           </div>
         </>
diff --git a/client/src/components/layout/Navbar.js b/client/src/components/layout/Navbar.js
index 8f60200..953af06 100644
--- a/client/src/components/layout/Navbar.js
+++ b/client/src/components/layout/Navbar.js
@@ -16,7 +16,7 @@ const Navbar = ({ auth: { isAuthenticated }, logout }) => {
       <li>
         <Link to="/dashboard">
           <i className="fas fa-user" />{' '}
-          <span className="hide-sm">Dashboard</span>
+          <span className="hide-sm">Profile</span>
         </Link>
       </li>
       <li>
@@ -45,7 +45,7 @@ const Navbar = ({ auth: { isAuthenticated }, logout }) => {
   return (
     <nav className="navbar bg-dark">
       <h1>
-        <Link to="/">
+        <Link to="/posts">
           <i className="fas fa-code" /> DevConnector
         </Link>
       </h1>
diff --git a/client/src/components/posts/PostForm.js b/client/src/components/posts/PostForm.js
index 72484f9..75fab09 100644
--- a/client/src/components/posts/PostForm.js
+++ b/client/src/components/posts/PostForm.js
@@ -1,44 +1,55 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { addPost } from '../../actions/post';
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { addPost } from "../../actions/post";
 
 const PostForm = ({ addPost }) => {
-  const [text, setText] = useState('');
+  const [text, setText] = useState("");
+  const [category, setCategory] = useState("");
+  //const onChange = (e) =>
+    //setFormData({ ...formData, [e.target.name]: e.target.value });
 
   return (
-    <div className='post-form'>
-      <div className='bg-primary p'>
+    <div className="post-form">
+      <div className="bg-primary p">
         <h3>Say Something...</h3>
       </div>
       <form
-        className='form my-1'
-        onSubmit={e => {
+        className="form my-1"
+        onSubmit={(e) => {
           e.preventDefault();
-          addPost({ text });
-          setText('');
+          addPost({ text, category });
+          setText("");
         }}
       >
         <textarea
-          name='text'
-          cols='30'
-          rows='5'
-          placeholder='Create a post'
+          name="text"
+          cols="30"
+          rows="5"
+          placeholder="Create a post"
           value={text}
-          onChange={e => setText(e.target.value)}
+          onChange={(e) => setText(e.target.value)}
           required
         />
-        <input type='submit' className='btn btn-dark my-1' value='Submit' />
+
+        <p className="lead">Choose a category:</p>
+        <select name="category" value={category} onChange={setCategory}>
+          <option>* Select Category</option>
+          <option value="opinion">Opinion</option>
+          <option value="question">Question</option>
+          <option value="asssitance">Asking for asssitance</option>
+          <option value="news">News</option>
+          <option value="other">Other</option>
+        </select>
+
+        <input type="submit" className="btn btn-dark my-1" value="Submit" />
       </form>
     </div>
   );
 };
 
 PostForm.propTypes = {
-  addPost: PropTypes.func.isRequired
+  addPost: PropTypes.func.isRequired,
 };
 
-export default connect(
-  null,
-  { addPost }
-)(PostForm);
+export default connect(null, { addPost })(PostForm);
diff --git a/client/src/index.js b/client/src/index.js
index 8cb384e..acc6101 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
+// Level - 0
+//Program stars from Here. Imports and renders App.
 
 ReactDOM.render(<App />, document.getElementById('root'));
 
diff --git a/client/src/reducers/profile.js b/client/src/reducers/profile.js
index 2732c7d..72d1914 100644
--- a/client/src/reducers/profile.js
+++ b/client/src/reducers/profile.js
@@ -13,8 +13,7 @@ const initialState = {
   profiles: [],
   repos: [],
   loading: true,
-  error: {},
-
+  error: {}
 };
 
 function profileReducer(state = initialState, action) {
@@ -26,13 +25,13 @@ function profileReducer(state = initialState, action) {
       return {
         ...state,
         profile: payload,
-        loading: false,
+        loading: false
       };
     case GET_PROFILES:
       return {
         ...state,
         profiles: payload,
-        loading: false,
+        loading: false
       };
     case PROFILE_ERROR:
       return {
@@ -40,7 +39,6 @@ function profileReducer(state = initialState, action) {
         error: payload,
         loading: false,
         profile: null
-        profile: null,
       };
     case CLEAR_PROFILE:
       return {
@@ -52,12 +50,12 @@ function profileReducer(state = initialState, action) {
       return {
         ...state,
         repos: payload,
-        loading: false,
+        loading: false
       };
     case NO_REPOS:
       return {
         ...state,
-        repos: [],
+        repos: []
       };
     default:
       return state;