From 4f5ca0ed5371443c3bb85dd191fc84446d1840a0 Mon Sep 17 00:00:00 2001
From: ARYAN PATEL <patelaryan7751@gmail.com>
Date: Wed, 14 Sep 2022 19:10:15 +0530
Subject: [PATCH] Added icons to asset card in assetList (#3578)

---
 src/Components/Assets/AssetsList.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/Components/Assets/AssetsList.tsx b/src/Components/Assets/AssetsList.tsx
index 0777f130ec6..1d09ce9fb5b 100644
--- a/src/Components/Assets/AssetsList.tsx
+++ b/src/Components/Assets/AssetsList.tsx
@@ -328,9 +328,27 @@ const AssetsList = () => {
                   className="w-full bg-white rounded-lg cursor-pointer border-1 shadow p-5 justify-center items-center border border-transparent hover:border-primary-500"
                   onClick={() => navigate(`/assets/${asset.id}`)}
                 >
-                  
                   <div className="md:flex">
                     <p className="text-xl font-normal capitalize break-words">
+                      <span className="mr-2">
+                        {" "}
+                        {asset.asset_class === "HL7MONITOR" ? (
+                          <i className="fa-solid fa-tv text-primary-500"></i>
+                        ) : (
+                          ""
+                        )}
+                        {asset.asset_class === "ONVIF" ? (
+                          <i className="fa-solid fa-camera text-primary-500"></i>
+                        ) : (
+                          ""
+                        )}
+                        {asset.asset_class !== "HL7MONITOR" &&
+                        asset.asset_class !== "ONVIF" ? (
+                          <i className="fa-solid fa-cart-plus text-primary-500"></i>
+                        ) : (
+                          ""
+                        )}
+                      </span>
                       {asset.name}
                     </p>
                   </div>
@@ -340,7 +358,7 @@ const AssetsList = () => {
                       Updated at: {moment(asset.modified_date).format("lll")}
                     </span>
                   </p>
-                  
+
                   <div className="flex flex-wrap gap-2 mt-2">
                     {asset.is_working ? (
                       <Badge color="green" startIcon="cog" text="Working" />