Reformat all project files to use the prettier config file.

client/src/components/time-ticket-shift/time-ticket-shift.container.jsx

@@ -1,91 +1,75 @@
-import {useQuery} from "@apollo/client";
-import {Result} from "antd";
-import React, {useMemo} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {QUERY_ACTIVE_SHIFT_TIME_TICKETS} from "../../graphql/timetickets.queries";
-import {selectTechnician} from "../../redux/tech/tech.selectors";
-import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
+import { useQuery } from "@apollo/client";
+import { Result } from "antd";
+import React, { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { QUERY_ACTIVE_SHIFT_TIME_TICKETS } from "../../graphql/timetickets.queries";
+import { selectTechnician } from "../../redux/tech/tech.selectors";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import TimeTicketShiftActive from "../time-ticket-shift-active/time-ticket-shift-active.component";
 import TimeTicketShiftFormContainer from "../time-ticket-shift-form/time-ticket-shift-form.container";
 
 const mapStateToProps = createStructuredSelector({
-    bodyshop: selectBodyshop,
-    technician: selectTechnician,
-    currentUser: selectCurrentUser,
+  bodyshop: selectBodyshop,
+  technician: selectTechnician,
+  currentUser: selectCurrentUser
 });
 const mapDispatchToProps = (dispatch) => ({
-    //setUserLanguage: language => dispatch(setUserLanguage(language))
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function TimeTicketShiftContainer({
-                                             bodyshop,
-                                             technician,
-                                             currentUser,
-                                             isTechConsole,
-                                         }) {
-    const {t} = useTranslation();
-    const employeeId = useMemo(() => {
-        const assoc = bodyshop.associations.filter(
-            (a) => a.useremail === currentUser.email
-        )[0];
+export function TimeTicketShiftContainer({ bodyshop, technician, currentUser, isTechConsole }) {
+  const { t } = useTranslation();
+  const employeeId = useMemo(() => {
+    const assoc = bodyshop.associations.filter((a) => a.useremail === currentUser.email)[0];
 
-        return assoc && assoc.user && assoc.user.employee && assoc.user.employee.id;
-    }, [bodyshop, currentUser.email]);
+    return assoc && assoc.user && assoc.user.employee && assoc.user.employee.id;
+  }, [bodyshop, currentUser.email]);
 
-    const {loading, error, data, refetch} = useQuery(
-        QUERY_ACTIVE_SHIFT_TIME_TICKETS,
-        {
-            variables: {
-                employeeId: isTechConsole ? technician && technician.id : employeeId,
-            },
-            fetchPolicy: "network-only",
-            nextFetchPolicy: "network-only",
-        }
-    );
+  const { loading, error, data, refetch } = useQuery(QUERY_ACTIVE_SHIFT_TIME_TICKETS, {
+    variables: {
+      employeeId: isTechConsole ? technician && technician.id : employeeId
+    },
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only"
+  });
 
-    if (loading) return <LoadingSpinner/>;
-    if (error) return <AlertComponent message={error.message} type="error"/>;
-
-    if (!employeeId && !(technician && technician.id))
-        return (
-            <div>
-                <Result
-                    status="500"
-                    title={t("timetickets.errors.noemployeeforuser")}
-                    subTitle={t("timetickets.errors.noemployeeforuser_sub")}
-                />
-            </div>
-        );
-
-    const checkIfAlreadyClocked = async () => {
-        const {data} = await refetch();
-
-        return data.timetickets.length > 0;
-    };
+  if (loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
+  if (!employeeId && !(technician && technician.id))
     return (
-        <div>
-            {data.timetickets.length > 0 ? (
-                <TimeTicketShiftActive
-                    timetickets={data ? data.timetickets : []}
-                    refetch={refetch}
-                    isTechConsole={isTechConsole}
-                />
-            ) : (
-                <TimeTicketShiftFormContainer
-                    isTechConsole={isTechConsole}
-                    checkIfAlreadyClocked={checkIfAlreadyClocked}
-                />
-            )}
-        </div>
+      <div>
+        <Result
+          status="500"
+          title={t("timetickets.errors.noemployeeforuser")}
+          subTitle={t("timetickets.errors.noemployeeforuser_sub")}
+        />
+      </div>
     );
+
+  const checkIfAlreadyClocked = async () => {
+    const { data } = await refetch();
+
+    return data.timetickets.length > 0;
+  };
+
+  return (
+    <div>
+      {data.timetickets.length > 0 ? (
+        <TimeTicketShiftActive
+          timetickets={data ? data.timetickets : []}
+          refetch={refetch}
+          isTechConsole={isTechConsole}
+        />
+      ) : (
+        <TimeTicketShiftFormContainer isTechConsole={isTechConsole} checkIfAlreadyClocked={checkIfAlreadyClocked} />
+      )}
+    </div>
+  );
 }
 
-export default connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(TimeTicketShiftContainer);
+export default connect(mapStateToProps, mapDispatchToProps)(TimeTicketShiftContainer);