Changes styling of Tax App & Changes TP API route

React/traffic-police/src/pages/components/VehicleRegisterForm.js

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import { useSelector } from "react-redux";
+import { useHistory } from "react-router-dom";
 
 // Services
 import * as apiService from "../../services/apiService";
@@ -19,12 +20,14 @@ const VehicleRegisterForm = () => {
 
   const user = useSelector((state) => state.auth.user);
 
+  const history = useHistory();
+
   async function registerVehicle() {
     await apiService.registerVehicle(
       { model, licensePlate, color, type },
       user.access_token
     );
-    // await getVehicles();
+    history.push("/");
   }
 
   return (

React/traffic-police/src/services/apiService.js

@@ -1,17 +1,20 @@
-import axios from 'axios'
+import axios from "axios";
 
 async function getVehiclesFromApi(access_token) {
-  const response = await axios.get(`https://localhost:6001/api/Vehicles`, { headers: { 'Authorization': `Bearer ${access_token}` } });
+  const response = await axios.get(`http://localhost:9000/api/Vehicles`, {
+    headers: { Authorization: `Bearer ${access_token}` },
+  });
   return response.data;
 }
 
 async function registerVehicle(vehicle, access_token) {
   console.log(vehicle);
-  const response = await axios.post(`https://localhost:6001/api/Vehicles`, vehicle, { headers: { 'Authorization': `Bearer ${access_token}` } });
+  const response = await axios.post(
+    `http://localhost:9000/api/Vehicles`,
+    vehicle,
+    { headers: { Authorization: `Bearer ${access_token}` } }
+  );
   return response.data;
 }
 
-export {
-  getVehiclesFromApi,
-  registerVehicle
-}
+export { getVehiclesFromApi, registerVehicle };

React/traffic-police/src/services/userService.js

@@ -1,46 +1,48 @@
-import { UserManager } from 'oidc-client';
-import { storeUserError, storeUser } from '../actions/authActions'
+import { UserManager } from "oidc-client";
+import { storeUserError, storeUser } from "../actions/authActions";
 
 const config = {
-  authority: "https://localhost:10000",
+  authority: "http://localhost:10000",
   client_id: "traffic-police-react-app",
-  redirect_uri: "https://localhost:3000/signin-oidc",
+  redirect_uri: "http://localhost:3000/signin-oidc",
   response_type: "code",
   scope: "openid profile traffic-police-api",
-  post_logout_redirect_uri: "https://localhost:3000/signout-oidc",
+  post_logout_redirect_uri: "http://localhost:3000/signout-oidc",
 };
 
-const userManager = new UserManager(config)
+const userManager = new UserManager(config);
 
 export async function loadUserFromStorage(store) {
   try {
-    let user = await userManager.getUser()
-    if (!user) { return store.dispatch(storeUserError()) }
-    store.dispatch(storeUser(user))
+    let user = await userManager.getUser();
+    if (!user) {
+      return store.dispatch(storeUserError());
+    }
+    store.dispatch(storeUser(user));
   } catch (e) {
-    console.error(`User not found: ${e}`)
-    store.dispatch(storeUserError())
+    console.error(`User not found: ${e}`);
+    store.dispatch(storeUserError());
   }
 }
 
 export function signinRedirect() {
-  return userManager.signinRedirect()
+  return userManager.signinRedirect();
 }
 
 export function signinRedirectCallback() {
-  return userManager.signinRedirectCallback()
+  return userManager.signinRedirectCallback();
 }
 
 export function signoutRedirect() {
-  userManager.clearStaleState()
-  userManager.removeUser()
-  return userManager.signoutRedirect()
+  userManager.clearStaleState();
+  userManager.removeUser();
+  return userManager.signoutRedirect();
 }
 
 export function signoutRedirectCallback() {
-  userManager.clearStaleState()
-  userManager.removeUser()
-  return userManager.signoutRedirectCallback()
+  userManager.clearStaleState();
+  userManager.removeUser();
+  return userManager.signoutRedirectCallback();
 }
 
-export default userManager
+export default userManager;