fixes #5938

ohcnetwork · Jul 26, 2023 · bc3255d · bc3255d
1 parent 2ed7eb4
commit bc3255d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/Components/Assets/AssetWarrantyCard.tsx b/src/Components/Assets/AssetWarrantyCard.tsx
@@ -1,6 +1,7 @@
 import moment from "moment";
 import CareIcon from "../../CAREUI/icons/CareIcon";
 import { AssetData } from "./AssetTypes";
+import { classNames } from "../../Utils/utils";
 
 export default function AssetWarrantyCard(props: { asset: AssetData }) {
   const { asset } = props;
@@ -53,7 +54,9 @@ export default function AssetWarrantyCard(props: { asset: AssetData }) {
                       }
                       className="border-b border-primary-300 text-primary-300 hover:text-primary-400"
                     >
-                      <CareIcon className={"care-l- mr-1 h-5" + item[2]} />
+                      <CareIcon
+                        className={classNames(`care-l-${item[2]}`, "mr-1")}
+                      />
                       {item[1]}
                     </a>
                   </>

diff --git a/src/Components/Common/Uptime.tsx b/src/Components/Common/Uptime.tsx
@@ -6,6 +6,7 @@ import { useDispatch } from "react-redux";
 import * as Notification from "../../Utils/Notifications.js";
 import { AssetStatus, AssetUptimeRecord } from "../Assets/AssetTypes";
 import { reverse } from "lodash";
+import { classNames } from "../../Utils/utils";
 
 const STATUS_COLORS = {
   Operational: "bg-green-500",
@@ -150,13 +151,14 @@ function UptimeInfoPopover({
   return (
     <Popover className="relative mt-10 hidden sm:block">
       <Popover.Panel
-        className={`absolute z-50 w-64 px-4 sm:px-0 lg:w-96${
+        className={classNames(
+          "absolute z-50 w-64 px-4 sm:px-0 lg:w-96",
           day > numDays - 10
             ? "-translate-x-6"
             : day < 10
             ? "-translate-x-full"
             : "-translate-x-1/2"
-        }`}
+        )}
         static
       >
         <UptimeInfo records={records} date={date} />