fixed alerts

ahmedibra28 · Nov 2, 2020 · 5314a25 · 5314a25
1 parent 6e194b4
commit 5314a25
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -11,3 +11,7 @@ svg {
 main {
   min-height: 70vh;
 }
+
+.alert-msg {
+  margin-top: 22px;
+}
diff --git a/client/src/components/layout/Alert.js b/client/src/components/layout/Alert.js
@@ -6,8 +6,12 @@ const Alert = ({ alerts }) =>
   alerts !== null &&
   alerts.length > 0 &&
   alerts.map((alert) => (
-    <div key={alert.id} className={`mt-2 alert alert-${alert.alertType}`}>
-      {alert.msg}
+    <div className='row text-center alert-msg'>
+      <div className='col-lg-5 col-md-6 col-sm-10 col-12 mx-auto'>
+        <span key={alert.id} className={`mt-2 alert alert-${alert.alertType}`}>
+          {alert.msg}
+        </span>
+      </div>
     </div>
   ));
 

diff --git a/client/src/reducers/auth.js b/client/src/reducers/auth.js
@@ -6,10 +6,10 @@ import {
   LOGIN_SUCCESS,
   LOGIN_FAIL,
   LOGOUT,
-} from '../actions/types';
+} from "../actions/types";
 
 const initialState = {
-  token: localStorage.getItem('token'),
+  token: localStorage.getItem("token"),
   isAuthenticated: null,
   loading: true,
   user: null,
@@ -28,18 +28,18 @@ export default function (state = initialState, action) {
       };
     case REGISTER_SUCCESS:
     case LOGIN_SUCCESS:
-      localStorage.setItem('token', payload.token);
+      localStorage.setItem("token", payload.token);
       return {
         ...state,
         ...payload,
         isAuthenticated: true,
         loading: false,
       };
-    case REGISTER_FAIL:
+
     case AUTH_ERROR:
     case LOGIN_FAIL:
     case LOGOUT:
-      localStorage.removeItem('token');
+      localStorage.removeItem("token");
       return {
         ...state,
         ...payload,