From e1efef93cb1c151773692c902647fbe0d17aa98a Mon Sep 17 00:00:00 2001
From: Hau Nguyen Van <nguyenvanhauit1997@gmail.com>
Date: Thu, 23 Nov 2023 14:37:40 +0700
Subject: [PATCH] fix details proposal

---
 .../DetailsCard/DetailsCard.js                | 38 ++++++++++---------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/components/ProposalDetails/DetailsCard/DetailsCard.js b/src/components/ProposalDetails/DetailsCard/DetailsCard.js
index f7bd65ad..fc118aee 100644
--- a/src/components/ProposalDetails/DetailsCard/DetailsCard.js
+++ b/src/components/ProposalDetails/DetailsCard/DetailsCard.js
@@ -184,19 +184,21 @@ const DetailsCard = memo(({ data }) => {
 										<tr>
 											<td>
 												<div className={cx("item-title")}>New Admin</div>
-												<div className={cx("item-text")}>{data?.new_admin ?? "-"}</div>
+												<div className={cx("item-new-admin")}>
+													<NavLink className={cx("tx-hash-data-cell", "align-left")} to={`${consts.PATH.ACCOUNT}/${data?.new_admin}`}>
+														<span className={cx("item-text-proposer")}>{data?.new_admin}</span>
+													</NavLink>
+												</div>
 											</td>
 										</tr>
 										<tr>
 											<td>
 												<div className={cx("item-title")}>Contract Address</div>
-												<div className={cx("item-text")}>{data?.contract ?? "-"}</div>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<div className={cx("item-title")}>Proposer</div>
-												<div className={cx("item-text")}>{data?.proposer ?? "-"}</div>
+												<div className={cx("item-proposer")}>
+													<NavLink className={cx("tx-hash-data-cell", "align-left")} to={`${consts.PATH.SMART_CONTRACT}/${data?.contract}`}>
+														<span className={cx("item-text-proposer")}>{data?.contract ?? "-"}</span>
+													</NavLink>
+												</div>
 											</td>
 										</tr>
 									</>
@@ -359,19 +361,21 @@ const DetailsCard = memo(({ data }) => {
 								<tr>
 									<td colSpan={2}>
 										<div className={cx("item-title")}>New Admin</div>
-										<div className={cx("item-new-admin")}>{data?.new_admin ?? "-"}</div>
-									</td>
-								</tr>
-								<tr>
-									<td colSpan={2}>
-										<div className={cx("item-title")}>Contract</div>
-										<div className={cx("item-proposer")}>{data?.contract ?? "-"}</div>
+										<div className={cx("item-new-admin")}>
+											<NavLink className={cx("tx-hash-data-cell", "align-left")} to={`${consts.PATH.ACCOUNT}/${data?.new_admin}`}>
+												<span className={cx("item-text-proposer")}>{data?.new_admin}</span>
+											</NavLink>
+										</div>
 									</td>
 								</tr>
 								<tr>
 									<td colSpan={2}>
-										<div className={cx("item-title")}>Proposer</div>
-										<div className={cx("item-proposer")}>{data?.proposer ?? "-"}</div>
+										<div className={cx("item-title")}>Contract Address</div>
+										<div className={cx("item-proposer")}>
+											<NavLink className={cx("tx-hash-data-cell", "align-left")} to={`${consts.PATH.SMART_CONTRACT}/${data?.contract}`}>
+												<span className={cx("item-text-proposer")}>{data?.contract ?? "-"}</span>
+											</NavLink>
+										</div>
 									</td>
 								</tr>
 							</>