liquidation type

burrowHQ · Feb 28, 2024 · 0b13486 · 0b13486
1 parent 9ac921f
commit 0b13486
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 4 deletions.
diff --git a/screens/Dashboard/liquidations.tsx b/screens/Dashboard/liquidations.tsx
@@ -80,21 +80,50 @@ const columns = [
       return <div className="text-gray-300 truncate">{getDateString(createdAt * 1000)}</div>;
     },
   },
+  {
+    header: () => (
+      <div style={{ whiteSpace: "normal" }}>
+        Collateral<div>Type</div>
+      </div>
+    ),
+    cell: ({ originalData }) => {
+      const { LiquidatedAssets } = originalData || {};
+      return <div>{LiquidatedAssets?.[0]?.data?.isLpToken ? "LP token" : "Single token"}</div>;
+    },
+  },
+  {
+    header: () => (
+      <div style={{ whiteSpace: "normal" }}>
+        Liquidation<div>Type</div>
+      </div>
+    ),
+    cell: ({ originalData }) => {
+      const { liquidation_type } = originalData || {};
+      return <div>{liquidation_type || "-"}</div>;
+    },
+  },
   {
     header: () => (
       <div style={{ whiteSpace: "normal" }}>
         Health Factor<div>before Liquidate</div>
       </div>
     ),
     cell: ({ originalData }) => {
-      const { healthFactor_before } = originalData || {};
+      const { healthFactor_before, liquidation_type } = originalData || {};
+      if (liquidation_type === "ForceClose") {
+        return "-";
+      }
       return <div>{(Number(healthFactor_before) * 100).toFixed(2)}%</div>;
     },
   },
   {
     header: () => <div style={{ whiteSpace: "normal" }}>Repaid Assets Amount</div>,
     cell: ({ originalData }) => {
       const { RepaidAssets } = originalData || {};
+      if (!RepaidAssets?.length) {
+        return "-";
+      }
+
       const node = RepaidAssets?.map((d, i) => {
         const isLast = RepaidAssets.length === i + 1;
         const { metadata, config } = d.data || {};
@@ -118,6 +147,10 @@ const columns = [
     header: () => <div style={{ whiteSpace: "normal" }}>Liquidated Assets</div>,
     cell: ({ originalData }) => {
       const { LiquidatedAssets } = originalData || {};
+      if (!LiquidatedAssets?.length) {
+        return "-";
+      }
+
       const node = LiquidatedAssets?.map((d) => {
         const { metadata, config } = d.data || {};
         const { extra_decimals } = config || {};
@@ -142,8 +175,14 @@ const columns = [
       </div>
     ),
     cell: ({ originalData }) => {
-      const { healthFactor_after } = originalData || {};
-      return <div>{(Number(healthFactor_after) * 100).toFixed(2)}%</div>;
+      const { healthFactor_after, liquidation_type } = originalData || {};
+      if (liquidation_type === "ForceClose") {
+        return <div style={{ textAlign: "right" }}>-</div>;
+      }
+
+      return (
+        <div style={{ textAlign: "right" }}>{(Number(healthFactor_after) * 100).toFixed(2)}%</div>
+      );
     },
   },
 ];

diff --git a/screens/Dashboard/modalHistoryInfo.tsx b/screens/Dashboard/modalHistoryInfo.tsx
@@ -13,7 +13,9 @@ const ModalHistoryInfo = ({ isOpen, onClose, tab }) => {
   const { unreadLiquidation, fetchUnreadLiquidation } = useUnreadLiquidation();
 
   useEffect(() => {
-    setTabIndex(tab);
+    if (tab !== undefined) {
+      setTabIndex(tab);
+    }
   }, [tab]);
 
   const handleTabChange = (i) => {