-
+
);
}
diff --git a/frontend/src/stores/rootReducer.js b/frontend/src/stores/rootReducer.js
new file mode 100644
index 0000000..cac9303
--- /dev/null
+++ b/frontend/src/stores/rootReducer.js
@@ -0,0 +1,9 @@
+import { combineReducers } from 'redux';
+
+import { userLoginReducer, userUpdateReducer, userByIdReducer } from './user/userReducer';
+
+export default combineReducers({
+ userLoginReducer,
+ userUpdateReducer,
+ userByIdReducer,
+});
diff --git a/frontend/src/stores/user/userAction.js b/frontend/src/stores/user/userAction.js
new file mode 100644
index 0000000..9ac64ca
--- /dev/null
+++ b/frontend/src/stores/user/userAction.js
@@ -0,0 +1,76 @@
+import * as api from '../../api';
+
+export const USER_LOGIN_REQUEST = 'USER_LOGIN_REQUEST';
+export const USER_LOGIN_SUCCESS = 'USER_LOGIN_SUCCESS';
+export const USER_LOGIN_FAILURE = 'USER_LOGIN_FAILURE';
+
+export const USER_UPDATE_PROFILE_REQUEST = 'USER_UPDATE_PROFILE_REQUEST';
+export const USER_UPDATE_PROFILE_SUCCESS = 'USER_UPDATE_PROFILE_SUCCESS';
+export const USER_UPDATE_PROFILE_FAILURE = 'USER_UPDATE_PROFILE_FAILURE';
+export const USER_UPDATE_PROFILE_RESET = 'USER_UPDATE_PROFILE_RESET';
+
+export const GET_USER_BY_ID_REQUEST = 'GET_USER_BY_ID_REQUEST';
+export const GET_USER_BY_ID_SUCCESS = 'GET_USER_BY_ID_SUCCESS';
+export const GET_USER_BY_ID_FAILURE = 'GET_USER_BY_ID_FAILURE';
+
+export const userLoginRequest = () => ({
+ type: USER_LOGIN_REQUEST,
+});
+
+export const userLoginSuccess = (user) => ({
+ type: USER_LOGIN_SUCCESS,
+ payload: user,
+});
+
+export const userLoginFailure = (error) => ({
+ type: USER_LOGIN_FAILURE,
+ payload: error,
+});
+
+export const userUpdateProfileReset = () => ({
+ type: USER_UPDATE_PROFILE_RESET,
+});
+
+export function getUserInfo({ email, password }) {
+ return async (dispatch) => {
+ dispatch(userLoginRequest());
+
+ try {
+ const resp = await api.getUserInfo({ email, password });
+ dispatch(userLoginSuccess(resp.data));
+ localStorage.setItem('token', resp.data.token);
+ } catch (error) {
+ const message = error.response && error.response.data ? error.response.data.message : error.message;
+ dispatch(userLoginFailure(message));
+ }
+ };
+}
+
+export function getUserById(id) {
+ return async (dispatch) => {
+ dispatch({ type: GET_USER_BY_ID_REQUEST });
+
+ try {
+ const resp = await api.getUserById(id);
+ dispatch({ type: GET_USER_BY_ID_SUCCESS, payload: resp.data });
+ } catch (error) {
+ const message = error.response && error.response.data ? error.response.data.message : error.message;
+ dispatch({ type: GET_USER_BY_ID_FAILURE, payload: message });
+ }
+ };
+}
+
+export function userUpdateProfile(data, id) {
+ return async (dispatch) => {
+ dispatch({ type: USER_UPDATE_PROFILE_REQUEST });
+
+ try {
+ await api.userUpdateProfile(data, id);
+ dispatch({ type: USER_UPDATE_PROFILE_SUCCESS, payload: 1 });
+ dispatch(getUserById(id));
+ } catch (error) {
+ const message = error.response && error.response.data ? error.response.data.message : error.message;
+ dispatch({ type: USER_UPDATE_PROFILE_FAILURE, payload: message });
+ }
+ };
+}
diff --git a/frontend/src/stores/user/userReducer.js b/frontend/src/stores/user/userReducer.js
new file mode 100644
index 0000000..8c860a5
--- /dev/null
+++ b/frontend/src/stores/user/userReducer.js
@@ -0,0 +1,80 @@
+import * as userAction from './userAction';
+
+export const userLoginReducer = (state = { user: {}, token: localStorage.getItem('token') ? localStorage.getItem('token') : '' }, action) => {
+ switch (action.type) {
+ case userAction.USER_LOGIN_REQUEST:
+ return {
+ ...state,
+ loading: true,
+ };
+ case userAction.USER_LOGIN_SUCCESS:
+ return {
+ ...state,
+ user: action.payload,
+ loading: false,
+ };
+ case userAction.USER_LOGIN_FAILURE:
+ return {
+ ...state,
+ error: action.payload,
+ loading: false,
+ };
+ default:
+ return state;
+ }
+};
+
+export const userUpdateReducer = (state = { updated: false }, action) => {
+ switch (action.type) {
+ case userAction.USER_UPDATE_PROFILE_REQUEST:
+ return {
+ ...state,
+ loading: true,
+ };
+ case userAction.USER_UPDATE_PROFILE_SUCCESS:
+ return {
+ ...state,
+ updated: action.payload,
+ loading: false,
+ };
+ case userAction.USER_UPDATE_PROFILE_FAILURE:
+ return {
+ ...state,
+ error: action.payload,
+ loading: false,
+ };
+ case userAction.USER_UPDATE_PROFILE_RESET:
+ return {
+ ...state,
+ loading: false,
+ updated: false,
+ error: null,
+ };
+ default:
+ return state;
+ }
+};
+
+export const userByIdReducer = (state = { userInfo: {} }, action) => {
+ switch (action.type) {
+ case userAction.GET_USER_BY_ID_REQUEST:
+ return {
+ ...state,
+ loading: true,
+ };
+ case userAction.GET_USER_BY_ID_SUCCESS:
+ return {
+ ...state,
+ userInfo: action.payload,
+ loading: false,
+ };
+ case userAction.GET_USER_BY_ID_FAILURE:
+ return {
+ ...state,
+ error: action.payload,
+ loading: false,
+ };
+ default:
+ return state;
+ }
+};
diff --git a/frontend/src/tools/api.js b/frontend/src/tools/api.js
index 105140c..b808a23 100644
--- a/frontend/src/tools/api.js
+++ b/frontend/src/tools/api.js
@@ -1,12 +1,15 @@
import axios from 'axios';
-axios.defaults.baseURL = process.env.REACT_APP_API_URL;
+// axios.defaults.baseURL = process.env.REACT_APP_API_URL;
+axios.defaults.baseURL = '/';
axios.interceptors.request.use(
(request) => {
+ request.headers['Content-Type'] = 'application/json';
+ request.headers.Accept = 'application/json';
if (!request.headers.Authorization) {
- const token = localStorage ? localStorage.getItem('token') : null;
+ const token = localStorage ? localStorage.getItem('token') : '';
if (token) {
- request.headers.Authorization = token;
+ request.headers.Authorization = `Bearer ${token}`;
}
}
return request;
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000..174cbd4
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,16 @@
+module.exports = {
+ mode: 'jit',
+ purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
+ darkMode: false, // or 'media' or 'class'
+ theme: {
+ extend: {
+ fontFamily: {
+ 'sans': ['Source Sans Pro']
+ }
+ }
+ },
+ variants: {
+ extend: {},
+ },
+ plugins: [],
+}
+
+