Initial Vite Configuration & addition of prettierrc.

client/src/components/PrivateRoute.jsx

@@ -14,4 +14,4 @@ function PrivateRoute({component: Component, isAuthorized, ...rest}) {
     return <Outlet/>;
 }
 
-export default PrivateRoute;
+export default PrivateRoute;

client/src/components/chat-affix/chat-affix.container.jsx

@@ -19,7 +19,7 @@ export function ChatAffixContainer({bodyshop, chatVisible}) {
             try {
                 const r = await axios.post("/notifications/subscribe", {
                     fcm_tokens: await getToken(messaging, {
-                        vapidKey: process.env.REACT_APP_FIREBASE_PUBLIC_VAPID_KEY,
+                        vapidKey: import.meta.env.VITE_APP_FIREBASE_PUBLIC_VAPID_KEY,
                     }),
                     type: "messaging",
                     imexshopid: bodyshop.imexshopid,
@@ -95,4 +95,4 @@ export function ChatAffixContainer({bodyshop, chatVisible}) {
     );
 }
 
-export default ChatAffixContainer;
+export default ChatAffixContainer;

client/src/components/documents-upload/documents-upload.utility.js

@@ -57,7 +57,7 @@ export const uploadToCloudinary = async (
     let tags = `${bodyshop.imexshopid},${
         tagsArray ? tagsArray.map((tag) => `${tag},`) : ""
     }`;
-    //  let eager = process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS;
+    //  let eager = import.meta.env.VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS;
 
     //Get the signed url.
 
@@ -96,21 +96,21 @@ export const uploadToCloudinary = async (
 
     formData.append("upload_preset", upload_preset);
 
-    formData.append("api_key", process.env.REACT_APP_CLOUDINARY_API_KEY);
-    formData.append("public_id", public_id);
-    formData.append("tags", tags);
-    formData.append("timestamp", timestamp);
-    formData.append("signature", signature);
+  formData.append("api_key", import.meta.env.VITE_APP_CLOUDINARY_API_KEY);
+  formData.append("public_id", public_id);
+  formData.append("tags", tags);
+  formData.append("timestamp", timestamp);
+  formData.append("signature", signature);
 
-    const cloudinaryUploadResponse = await cleanAxios.post(
-        `${process.env.REACT_APP_CLOUDINARY_ENDPOINT_API}/${DetermineFileType(
-            fileType
-        )}/upload`,
-        formData,
-        {
-            ...options,
-        }
-    );
+  const cloudinaryUploadResponse = await cleanAxios.post(
+    `${import.meta.env.VITE_APP_CLOUDINARY_ENDPOINT_API}/${DetermineFileType(
+      fileType
+    )}/upload`,
+    formData,
+    {
+      ...options,
+    }
+  );
 
     if (cloudinaryUploadResponse.status !== 200) {
         if (!!onError) {

client/src/components/jobs-available-table/jobs-available-table.container.jsx

@@ -109,7 +109,7 @@ export function JobsAvailableContainer({bodyshop, currentUser, insertAuditTrail,
             });
             return;
         }
-        // if (process.env.REACT_APP_COUNTRY === "USA") {
+        // if (process.env.VITE_APP_COUNTRY === "USA") {
         //Massage the CCC file set to remove duplicate UNQ_SEQ.
         InstanceRenderManager({executeFunction:true,rome:  ResolveCCCLineIssues(estData.est_data, bodyshop) })
 

client/src/components/jobs-documents-gallery/job-documents.utility.js

@@ -4,7 +4,7 @@ export const GenerateSrcUrl = (value) => {
     let extension = value.extension;
     if (extension && extension.toLowerCase().includes("heic")) extension = "jpg";
 
-    return `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
+    return `${import.meta.env.VITE_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
         value.type
     )}/upload/${value.key}${extension ? `.${extension}` : ""}`;
 };
@@ -18,9 +18,9 @@ export const GenerateThumbUrl = (value) => {
     )
         extension = "jpg";
 
-    return `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
-        value.type
-    )}/upload/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${
-        value.key
-    }${extension ? `.${extension}` : ""}`;
+  return `${import.meta.env.VITE_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
+    value.type
+  )}/upload/${import.meta.env.VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${
+    value.key
+  }${extension ? `.${extension}` : ""}`;
 };