feat: reformat users and auth apis

Author: Mayank0255

src/api/answersApi.js

@@ -0,0 +1,33 @@
+import axios from 'axios';
+
+import {loadUserData as _loadUserData, registerUser as _registerUser, loginUser as _loginUser} from './urls';
+
+export const loadUserData = () => {
+  return axios.get(_loadUserData);
+};
+
+export const registerUser = (username, password) => {
+  const config_headers = {
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: "application/json",
+    },
+  };
+
+  const body = JSON.stringify({ username, password });
+
+  return axios.post(_registerUser, body, config_headers);
+};
+
+export const loginUser = (username, password) => {
+  const config_headers = {
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: "application/json",
+    },
+  };
+
+  const body = JSON.stringify({username, password});
+
+  return axios.post(_loginUser, body, config_headers);
+};

src/api/authApi.js

@@ -0,0 +1,32 @@
+import config from "../config";
+
+// Users
+export const usersData = config.BASE_URL + '/api/users';
+export const profileData = config.BASE_URL + '/api/users/{id}';
+
+// Auth
+export const loadUserData = config.BASE_URL + '/api/auth';
+export const registerUser = config.BASE_URL + '/api/users';
+export const loginUser = config.BASE_URL + '/api/auth';
+
+// Posts
+export const allPostsData = config.BASE_URL + '/api/posts';
+export const singlePostData = config.BASE_URL + '/api/posts/{id}';
+export const allTopPostsData = config.BASE_URL + '/api/posts/top';
+export const allTagPostsData = config.BASE_URL + '/api/posts/tag/{tagName}';
+export const createSinglePost = config.BASE_URL + '/api/posts';
+export const deleteSinglePost = config.BASE_URL + '/api/posts/{id}';
+
+// Answers
+export const allAnswersData = config.BASE_URL + '/api/posts/answers/{id}';
+export const createSingleAnswer = config.BASE_URL + '/api/posts/answers/{postId}';
+export const deleteSingleAnswer = config.BASE_URL + '/api/posts/answers/{AnswerId}';
+
+// Comments
+export const allCommentsData = config.BASE_URL + '/api/posts/comments/{id}';
+export const createSingleComment = config.BASE_URL + '/api/posts/comments/{postId}';
+export const deleteSingleComment = config.BASE_URL + '/api/posts/comments/{CommentId}';
+
+// Tags
+export const allTagsData = config.BASE_URL + '/api/tags';
+export const singleTagData = config.BASE_URL + '/api/tags/{tagName}';

src/api/commentsApi.js

@@ -0,0 +1,11 @@
+import axios from 'axios';
+
+import {usersData as _usersData, profileData as _profileData} from './urls';
+
+export const usersData = () => {
+  return axios.get(_usersData);
+};
+
+export const profileData = (id) => {
+  return axios.get(_profileData.replace('{id}', id));
+};

src/api/postsApis.js

@@ -1,5 +1,6 @@
 import React, { useEffect, Fragment } from "react";
 import moment from "moment";
+import { useParams } from "react-router-dom";
 import { connect } from "react-redux";
 import PropTypes from "prop-types";
 import { getPost } from "../../redux/posts/posts.actions";
@@ -12,9 +13,11 @@ import QuestionSection from "./QuestionSection/QuestionSection.component";
 import "./Post.styles.scss";
 import censorBadWords from "../../services/censorBadWords";
 
-const Post = ({ getPost, post: { post, loading }, match }) => {
+const Post = ({ getPost, post: { post, loading } }) => {
+  const { id } = useParams();
+
   useEffect(() => {
-    getPost(match.params.id);
+    getPost(id);
     // eslint-disable-next-line
   }, [getPost]);
 

src/api/tagsApi.js

@@ -1,6 +1,6 @@
 import React, {useEffect, Fragment} from 'react';
 import { connect } from 'react-redux';
-import { Link } from "react-router-dom";
+import { Link, useParams } from "react-router-dom";
 import PropTypes from 'prop-types';
 import { getProfile } from '../../redux/users/users.actions';
 
@@ -11,9 +11,11 @@ import UserActivity from "./UserActivity/UserActivity.component";
 
 import './ProfilePage.styles.scss';
 
-const ProfilePage = ({getProfile, user: {user, loading}, match}) => {
+const ProfilePage = ({getProfile, user: {user, loading}}) => {
+  const { id } = useParams();
+
   useEffect(() => {
-    getProfile(match.params.id);
+    getProfile(id);
     // eslint-disable-next-line
   }, [getProfile]);
 

src/api/urls.js

@@ -1,6 +1,6 @@
 import React, {useEffect, Fragment, useState} from 'react';
 import {connect} from 'react-redux';
-import {Redirect} from 'react-router-dom';
+import {Redirect, useParams} from 'react-router-dom';
 import PropTypes from 'prop-types';
 import {getTagPosts} from '../../redux/posts/posts.actions';
 import {getTag} from '../../redux/tags/tags.actions';
@@ -13,10 +13,12 @@ import ButtonGroup from '../../components/molecules/ButtonGroup/ButtonGroup.comp
 
 import './TagPage.styles.scss';
 
-const TagPage = ({getTag, getTagPosts, tag, post: {posts, loading}, match}) => {
+const TagPage = ({getTag, getTagPosts, tag, post: {posts, loading}}) => {
+  const { tagname } = useParams();
+
   useEffect(() => {
-    getTagPosts(match.params.tagname);
-    getTag(match.params.tagname);
+    getTagPosts(tagname);
+    getTag(tagname);
     // eslint-disable-next-line
   }, [getTag, getTagPosts]);