Reformat all project files to use the prettier config file.

client/src/redux/media/media.actions.js

@@ -1,43 +1,43 @@
 import MediaActionTypes from "./media.types";
 
 export const getJobMedia = (jobid) => ({
-    type: MediaActionTypes.GET_MEDIA_FOR_JOB,
-    payload: jobid,
+  type: MediaActionTypes.GET_MEDIA_FOR_JOB,
+  payload: jobid
 });
 
-export const getBillMedia = ({jobid, invoice_number}) => {
-    return {
-        type: MediaActionTypes.GET_MEDIA_FOR_BILL,
-        payload: {jobid, invoice_number},
-    };
+export const getBillMedia = ({ jobid, invoice_number }) => {
+  return {
+    type: MediaActionTypes.GET_MEDIA_FOR_BILL,
+    payload: { jobid, invoice_number }
+  };
 };
 
-export const setJobMedia = ({jobid, media}) => ({
-    type: MediaActionTypes.SET_MEDIA_FOR_JOB,
-    payload: {jobid, media},
+export const setJobMedia = ({ jobid, media }) => ({
+  type: MediaActionTypes.SET_MEDIA_FOR_JOB,
+  payload: { jobid, media }
 });
 
-export const addMediaForJob = ({jobid, media}) => ({
-    type: MediaActionTypes.ADD_MEDIA_FOR_JOB,
-    payload: {jobid, media},
+export const addMediaForJob = ({ jobid, media }) => ({
+  type: MediaActionTypes.ADD_MEDIA_FOR_JOB,
+  payload: { jobid, media }
 });
 
-export const getJobMediaError = ({error, message}) => ({
-    type: MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR,
-    payload: {error, message},
+export const getJobMediaError = ({ error, message }) => ({
+  type: MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR,
+  payload: { error, message }
 });
 
-export const toggleMediaSelected = ({jobid, filename}) => ({
-    type: MediaActionTypes.TOGGLE_MEDIA_SELECTED,
-    payload: {jobid, filename},
+export const toggleMediaSelected = ({ jobid, filename }) => ({
+  type: MediaActionTypes.TOGGLE_MEDIA_SELECTED,
+  payload: { jobid, filename }
 });
 
-export const deselectAllMediaForJob = ({jobid}) => ({
-    type: MediaActionTypes.DESELECT_ALL_MEDIA_FOR_JOB,
-    payload: {jobid},
+export const deselectAllMediaForJob = ({ jobid }) => ({
+  type: MediaActionTypes.DESELECT_ALL_MEDIA_FOR_JOB,
+  payload: { jobid }
 });
 
-export const selectAllmediaForJob = ({jobid}) => ({
-    type: MediaActionTypes.SELECT_ALL_MEDIA_FOR_JOB,
-    payload: {jobid},
+export const selectAllmediaForJob = ({ jobid }) => ({
+  type: MediaActionTypes.SELECT_ALL_MEDIA_FOR_JOB,
+  payload: { jobid }
 });

client/src/redux/media/media.reducer.js

@@ -1,51 +1,51 @@
 import MediaActionTypes from "./media.types";
 
-const INITIAL_STATE = {error: null};
+const INITIAL_STATE = { error: null };
 
 const mediaReducer = (state = INITIAL_STATE, action) => {
-    switch (action.type) {
-        case MediaActionTypes.SET_MEDIA_FOR_JOB:
-            return {...state, [action.payload.jobid]: action.payload.media};
-        case MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR:
-            return {...state, error: action.payload};
-        case MediaActionTypes.ADD_MEDIA_FOR_JOB:
-            return {
-                ...state,
-                [action.payload.jobid]: [
-                    ...(state[action.payload.jobid] ? state[action.payload.jobid] : []),
-                    ...(action.payload.media || []),
-                ],
-            };
-        case MediaActionTypes.TOGGLE_MEDIA_SELECTED:
-            return {
-                ...state,
-                [action.payload.jobid]: state[action.payload.jobid].map((p) => {
-                    if (p.filename === action.payload.filename) {
-                        p.isSelected = !p.isSelected;
-                    }
-                    return p;
-                }),
-            };
-        case MediaActionTypes.SELECT_ALL_MEDIA_FOR_JOB:
-            return {
-                ...state,
-                [action.payload.jobid]: state[action.payload.jobid].map((p) => {
-                    p.isSelected = true;
+  switch (action.type) {
+    case MediaActionTypes.SET_MEDIA_FOR_JOB:
+      return { ...state, [action.payload.jobid]: action.payload.media };
+    case MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR:
+      return { ...state, error: action.payload };
+    case MediaActionTypes.ADD_MEDIA_FOR_JOB:
+      return {
+        ...state,
+        [action.payload.jobid]: [
+          ...(state[action.payload.jobid] ? state[action.payload.jobid] : []),
+          ...(action.payload.media || [])
+        ]
+      };
+    case MediaActionTypes.TOGGLE_MEDIA_SELECTED:
+      return {
+        ...state,
+        [action.payload.jobid]: state[action.payload.jobid].map((p) => {
+          if (p.filename === action.payload.filename) {
+            p.isSelected = !p.isSelected;
+          }
+          return p;
+        })
+      };
+    case MediaActionTypes.SELECT_ALL_MEDIA_FOR_JOB:
+      return {
+        ...state,
+        [action.payload.jobid]: state[action.payload.jobid].map((p) => {
+          p.isSelected = true;
 
-                    return p;
-                }),
-            };
-        case MediaActionTypes.DESELECT_ALL_MEDIA_FOR_JOB:
-            return {
-                ...state,
-                [action.payload.jobid]: state[action.payload.jobid].map((p) => {
-                    p.isSelected = false;
-                    return p;
-                }),
-            };
-        default:
-            return state;
-    }
+          return p;
+        })
+      };
+    case MediaActionTypes.DESELECT_ALL_MEDIA_FOR_JOB:
+      return {
+        ...state,
+        [action.payload.jobid]: state[action.payload.jobid].map((p) => {
+          p.isSelected = false;
+          return p;
+        })
+      };
+    default:
+      return state;
+  }
 };
 
 export default mediaReducer;

client/src/redux/media/media.sagas.js

@@ -1,123 +1,113 @@
-import {all, call, put, select, takeLatest} from "redux-saga/effects";
-import {getJobMediaError, setJobMedia} from "./media.actions";
+import { all, call, put, select, takeLatest } from "redux-saga/effects";
+import { getJobMediaError, setJobMedia } from "./media.actions";
 import MediaActionTypes from "./media.types";
 import cleanAxios from "../../utils/CleanAxios";
 import normalizeUrl from "normalize-url";
 
 export function* onSetJobMedia() {
-    yield takeLatest(MediaActionTypes.GET_MEDIA_FOR_JOB, getJobMedia);
+  yield takeLatest(MediaActionTypes.GET_MEDIA_FOR_JOB, getJobMedia);
 }
 
-export function* getJobMedia({payload: jobid}) {
-    try {
-        const bodyshop = yield select((state) => state.user.bodyshop);
-        const localmediaserverhttp = bodyshop.localmediaserverhttp.trim();
+export function* getJobMedia({ payload: jobid }) {
+  try {
+    const bodyshop = yield select((state) => state.user.bodyshop);
+    const localmediaserverhttp = bodyshop.localmediaserverhttp.trim();
 
-        if (localmediaserverhttp && localmediaserverhttp !== "") {
-            const imagesFetch = yield cleanAxios.post(
-                `${localmediaserverhttp}/jobs/list`,
-                {
-                    jobid,
-                },
-                {headers: {ims_token: bodyshop.localmediatoken}}
-            );
-            const documentsFetch = yield cleanAxios.post(
-                `${localmediaserverhttp}/bills/list`,
-                {
-                    jobid,
-                },
-                {headers: {ims_token: bodyshop.localmediatoken}}
-            );
+    if (localmediaserverhttp && localmediaserverhttp !== "") {
+      const imagesFetch = yield cleanAxios.post(
+        `${localmediaserverhttp}/jobs/list`,
+        {
+          jobid
+        },
+        { headers: { ims_token: bodyshop.localmediatoken } }
+      );
+      const documentsFetch = yield cleanAxios.post(
+        `${localmediaserverhttp}/bills/list`,
+        {
+          jobid
+        },
+        { headers: { ims_token: bodyshop.localmediatoken } }
+      );
 
-            yield put(
-                setJobMedia({
-                    jobid,
-                    media: [
-                        ...imagesFetch.data.map((d, idx) => {
-                            return {
-                                ...d,
-                                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
-                                thumbnail: normalizeUrl(
-                                    `${localmediaserverhttp}/${d.thumbnail}`
-                                ),
-                                ...(d.optimized && {
-                                    optimized: normalizeUrl(
-                                        `${localmediaserverhttp}/${d.optimized}`
-                                    ),
-                                }),
-                                isSelected: false,
-                                key: idx,
-                            };
-                        }),
-                        ...documentsFetch.data.map((d, idx) => {
-                            return {
-                                ...d,
-                                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
-                                thumbnail: normalizeUrl(
-                                    `${localmediaserverhttp}/${d.thumbnail}`
-                                ),
+      yield put(
+        setJobMedia({
+          jobid,
+          media: [
+            ...imagesFetch.data.map((d, idx) => {
+              return {
+                ...d,
+                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
+                thumbnail: normalizeUrl(`${localmediaserverhttp}/${d.thumbnail}`),
+                ...(d.optimized && {
+                  optimized: normalizeUrl(`${localmediaserverhttp}/${d.optimized}`)
+                }),
+                isSelected: false,
+                key: idx
+              };
+            }),
+            ...documentsFetch.data.map((d, idx) => {
+              return {
+                ...d,
+                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
+                thumbnail: normalizeUrl(`${localmediaserverhttp}/${d.thumbnail}`),
 
-                                isSelected: false,
-                                key: idx,
-                            };
-                        }),
-                    ],
-                })
-            );
-        }
-    } catch (error) {
-        yield put(getJobMediaError(error));
+                isSelected: false,
+                key: idx
+              };
+            })
+          ]
+        })
+      );
     }
+  } catch (error) {
+    yield put(getJobMediaError(error));
+  }
 }
 
 export function* onSetBillMedia() {
-    yield takeLatest(MediaActionTypes.GET_MEDIA_FOR_BILL, getBillMedia);
+  yield takeLatest(MediaActionTypes.GET_MEDIA_FOR_BILL, getBillMedia);
 }
 
-export function* getBillMedia({payload: {jobid, invoice_number}}) {
-    try {
-        const bodyshop = yield select((state) => state.user.bodyshop);
-        const localmediaserverhttp = bodyshop.localmediaserverhttp.trim();
+export function* getBillMedia({ payload: { jobid, invoice_number } }) {
+  try {
+    const bodyshop = yield select((state) => state.user.bodyshop);
+    const localmediaserverhttp = bodyshop.localmediaserverhttp.trim();
 
-        if (localmediaserverhttp && localmediaserverhttp !== "") {
-            const documentsFetch = yield cleanAxios.post(
-                `${localmediaserverhttp}/bills/list`,
-                {
-                    jobid,
-                    invoice_number,
-                },
-                {headers: {ims_token: bodyshop.localmediatoken}}
-            );
+    if (localmediaserverhttp && localmediaserverhttp !== "") {
+      const documentsFetch = yield cleanAxios.post(
+        `${localmediaserverhttp}/bills/list`,
+        {
+          jobid,
+          invoice_number
+        },
+        { headers: { ims_token: bodyshop.localmediatoken } }
+      );
 
-            yield put(
-                setJobMedia({
-                    jobid,
-                    media: [
-                        ...documentsFetch.data.map((d, idx) => {
-                            return {
-                                ...d,
-                                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
-                                thumbnail: normalizeUrl(
-                                    `${localmediaserverhttp}/${d.thumbnail}`
-                                ),
-                                ...(d.optimized && {
-                                    optimized: normalizeUrl(
-                                        `${localmediaserverhttp}/${d.optimized}`
-                                    ),
-                                }),
-                                isSelected: false,
-                                key: idx,
-                            };
-                        }),
-                    ],
-                })
-            );
-        }
-    } catch (error) {
-        yield put(getJobMediaError(error));
+      yield put(
+        setJobMedia({
+          jobid,
+          media: [
+            ...documentsFetch.data.map((d, idx) => {
+              return {
+                ...d,
+                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
+                thumbnail: normalizeUrl(`${localmediaserverhttp}/${d.thumbnail}`),
+                ...(d.optimized && {
+                  optimized: normalizeUrl(`${localmediaserverhttp}/${d.optimized}`)
+                }),
+                isSelected: false,
+                key: idx
+              };
+            })
+          ]
+        })
+      );
     }
+  } catch (error) {
+    yield put(getJobMediaError(error));
+  }
 }
 
 export function* mediaSagas() {
-    yield all([call(onSetJobMedia), call(onSetBillMedia)]);
+  yield all([call(onSetJobMedia), call(onSetBillMedia)]);
 }

client/src/redux/media/media.selectors.js

@@ -1,4 +1,4 @@
-import {createSelector} from "reselect";
+import { createSelector } from "reselect";
 
 const selectMedia = (state) => state.media;
 

client/src/redux/media/media.types.js

@@ -1,11 +1,11 @@
 const MediaActionTypes = {
-    SET_MEDIA_FOR_JOB: "SET_MEDIA_FOR_JOB",
-    GET_MEDIA_FOR_JOB: "GET_MEDIA_FOR_JOB",
-    GET_MEDIA_FOR_JOB_ERROR: "GET_MEDIA_FOR_JOB_ERROR",
-    ADD_MEDIA_FOR_JOB: "ADD_MEDIA_FOR_JOB",
-    TOGGLE_MEDIA_SELECTED: "TOGGLE_MEDIA_SELECTED",
-    GET_MEDIA_FOR_BILL: "GET_MEDIA_FOR_BILL",
-    SELECT_ALL_MEDIA_FOR_JOB: "SELECT_ALL_MEDIA_FOR_JOB",
-    DESELECT_ALL_MEDIA_FOR_JOB: "DESELECT_ALL_MEDIA_FOR_JOB",
+  SET_MEDIA_FOR_JOB: "SET_MEDIA_FOR_JOB",
+  GET_MEDIA_FOR_JOB: "GET_MEDIA_FOR_JOB",
+  GET_MEDIA_FOR_JOB_ERROR: "GET_MEDIA_FOR_JOB_ERROR",
+  ADD_MEDIA_FOR_JOB: "ADD_MEDIA_FOR_JOB",
+  TOGGLE_MEDIA_SELECTED: "TOGGLE_MEDIA_SELECTED",
+  GET_MEDIA_FOR_BILL: "GET_MEDIA_FOR_BILL",
+  SELECT_ALL_MEDIA_FOR_JOB: "SELECT_ALL_MEDIA_FOR_JOB",
+  DESELECT_ALL_MEDIA_FOR_JOB: "DESELECT_ALL_MEDIA_FOR_JOB"
 };
 export default MediaActionTypes;