Perform type checks during build and fix all errors

.eslintrc.json

@@ -85,7 +85,7 @@
     ],
     "tailwindcss/no-custom-classname": "off",
     "tailwindcss/migration-from-tailwind-2": "error",
-    "tailwindcss/classnames-order": "error",
+    "tailwindcss/classnames-order": "off",
     "tailwindcss/enforces-shorthand": "off",
     "tailwindcss/no-contradicting-classname": "error"
   },

.prettierrc.json

@@ -5,5 +5,10 @@
   "semi": true,
   "jsxSingleQuote": false,
   "arrowParens": "always",
-  "tailwindFunctions": ["classNames"]
-}
+  "tailwindFunctions": [
+    "classNames"
+  ],
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ]
+}

package.json

@@ -114,6 +114,7 @@
     "@tailwindcss/typography": "^0.5.9",
     "@types/cypress": "^1.1.3",
     "@types/echarts": "^4.9.18",
+    "@types/google.maps": "^3.55.5",
     "@types/lodash-es": "^4.17.9",
     "@types/qrcode.react": "^1.0.2",
     "@types/react": "18.2.14",
@@ -159,6 +160,7 @@
     "tailwindcss": "^3.3.3",
     "typescript": "^5.1.6",
     "vite": "^5.1.3",
+    "vite-plugin-checker": "^0.6.4",
     "vite-plugin-pwa": "^0.18.2"
   },
   "browserslist": {

src/Common/constants.tsx

@@ -315,7 +315,7 @@ export const DISCHARGE_REASONS = [
   { id: 2, text: "Referred" },
   { id: 3, text: "Expired" },
   { id: 4, text: "LAMA" },
-];
+] as const;
 
 export const CONSCIOUSNESS_LEVEL = [
   { id: "UNRESPONSIVE", text: "Unresponsive" },

src/Common/utils.tsx

@@ -31,7 +31,7 @@ export const useAbortableEffect = (
 };
 
 export const parseOptionId: (
-  options: OptionsType[],
+  options: readonly OptionsType[],
   id: string | string[]
 ) => string = (options, id) => {
   const textArray = options

src/Components/Assets/AssetConfigure.tsx

@@ -26,7 +26,7 @@ const AssetConfigure = ({ assetId, facilityId }: AssetConfigureProps) => {
       <Page
         title={`Configure HL7 Monitor: ${asset.name}`}
         crumbsReplacements={{
-          [facilityId]: { name: asset.location_object.facility.name },
+          [facilityId]: { name: asset.location_object.facility?.name },
           assets: { uri: `/assets?facility=${facilityId}` },
           [assetId]: { name: asset?.name },
         }}
@@ -42,7 +42,7 @@ const AssetConfigure = ({ assetId, facilityId }: AssetConfigureProps) => {
       <Page
         title={`Configure Ventilator: ${asset?.name}`}
         crumbsReplacements={{
-          [facilityId]: { name: asset?.location_object.facility.name },
+          [facilityId]: { name: asset?.location_object.facility?.name },
           assets: { uri: `/assets?facility=${facilityId}` },
           [assetId]: { name: asset?.name },
         }}
@@ -57,7 +57,7 @@ const AssetConfigure = ({ assetId, facilityId }: AssetConfigureProps) => {
     <Page
       title={`Configure ONVIF Camera: ${asset?.name}`}
       crumbsReplacements={{
-        [facilityId]: { name: asset?.location_object.facility.name },
+        [facilityId]: { name: asset?.location_object.facility?.name },
         assets: { uri: `/assets?facility=${facilityId}` },
         [assetId]: { name: asset?.name },
       }}

src/Components/Assets/AssetManage.tsx

@@ -318,7 +318,7 @@ const AssetManage = (props: AssetManageProps) => {
     <Page
       title="Asset Details"
       crumbsReplacements={{
-        [facilityId]: { name: asset?.location_object.facility.name },
+        [facilityId]: { name: asset?.location_object.facility?.name },
         assets: { uri: `/assets?facility=${facilityId}` },
         [assetId]: {
           name: asset?.name,
@@ -404,7 +404,7 @@ const AssetManage = (props: AssetManageProps) => {
             <div className="flex flex-col gap-6">
               {[
                 {
-                  label: asset?.location_object.facility.name,
+                  label: asset?.location_object.facility?.name,
                   icon: "l-location-pin-alt",
                   content: asset?.location_object.name,
                 },
@@ -426,7 +426,7 @@ const AssetManage = (props: AssetManageProps) => {
                 className="flex gap-2"
                 onClick={() =>
                   navigate(
-                    `/facility/${asset?.location_object.facility.id}/assets/${asset?.id}/update`
+                    `/facility/${asset?.location_object.facility?.id}/assets/${asset?.id}/update`
                   )
                 }
                 id="update-asset"
@@ -444,7 +444,7 @@ const AssetManage = (props: AssetManageProps) => {
                   <ButtonV2
                     onClick={() =>
                       navigate(
-                        `/facility/${asset?.location_object.facility.id}/assets/${asset?.id}/configure`
+                        `/facility/${asset?.location_object.facility?.id}/assets/${asset?.id}/configure`
                       )
                     }
                     id="configure-asset"

src/Components/Assets/AssetWarrantyCard.tsx

@@ -62,7 +62,7 @@ export default function AssetWarrantyCard(props: { asset: AssetData }) {
             </div>
           ))}
         </div>
-        <div className="mb-2 hidden h-[1px] w-full bg-white/40 xl:block" />
+        <div className="mb-2 hidden h-px w-full bg-white/40 xl:block" />
         <div className="shrink-0">
           <div>
             <div className="mb-1 text-xs uppercase italic tracking-widest text-gray-200">

src/Components/Assets/AssetsList.tsx

@@ -130,7 +130,7 @@ const AssetsList = () => {
     try {
       if (assetData) {
         navigate(
-          `/facility/${assetData.location_object.facility.id}/assets/${assetId}`
+          `/facility/${assetData.location_object.facility?.id}/assets/${assetId}`
         );
       }
     } catch (err) {
@@ -188,7 +188,7 @@ const AssetsList = () => {
         {assets.map((asset: AssetData) => (
           <Link
             key={asset.id}
-            href={`/facility/${asset?.location_object.facility.id}/assets/${asset.id}`}
+            href={`/facility/${asset?.location_object.facility?.id}/assets/${asset.id}`}
             className="h-full text-inherit"
             data-testid="created-asset-list"
           >