Fix highlighted text in ConsensusAccountLink

oasisprotocol · Nov 13, 2024 · a9c936d · a9c936d
1 parent de35c66
commit a9c936d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/src/app/components/Account/ConsensusAccountLink.tsx b/src/app/components/Account/ConsensusAccountLink.tsx
@@ -9,18 +9,27 @@ type ConsensusAccountLinkProps = {
   alwaysTrim?: boolean
   labelOnly?: boolean
   network: Network
+  highlightedPartOfName?: string | undefined
 }
 
 export const ConsensusAccountLink: FC<ConsensusAccountLinkProps> = ({
   address,
   alwaysTrim = true,
   labelOnly,
   network,
+  highlightedPartOfName,
 }) => {
   const { data } = useGetConsensusValidatorsAddressNameMap(network)
 
   if (data?.data?.[address]) {
-    return <ValidatorLink address={address} network={network} alwaysTrim={alwaysTrim} />
+    return (
+      <ValidatorLink
+        address={address}
+        network={network}
+        alwaysTrim={alwaysTrim}
+        highlightedPartOfName={highlightedPartOfName}
+      />
+    )
   }
 
   return (
@@ -29,6 +38,7 @@ export const ConsensusAccountLink: FC<ConsensusAccountLinkProps> = ({
       scope={{ network, layer: Layer.consensus }}
       address={address}
       alwaysTrim={alwaysTrim}
+      highlightedPartOfName={highlightedPartOfName}
     />
   )
 }
diff --git a/src/app/components/Validators/DeferredValidatorLink.tsx b/src/app/components/Validators/DeferredValidatorLink.tsx
@@ -22,7 +22,7 @@ export const DeferredValidatorLink: FC<{
       address={address}
       network={scope.network}
       name={validator?.media?.name}
-      highlightedPart={highlightedPart}
+      highlightedPartOfName={highlightedPart}
     />
   )
 }
diff --git a/src/app/components/Validators/ValidatorLink.tsx b/src/app/components/Validators/ValidatorLink.tsx
@@ -15,15 +15,15 @@ type ValidatorLinkProps = {
   name?: string
   network: Network
   alwaysTrim?: boolean
-  highlightedPart?: string
+  highlightedPartOfName?: string
 }
 
 export const ValidatorLink: FC<ValidatorLinkProps> = ({
   address,
   name,
   network,
   alwaysTrim,
-  highlightedPart,
+  highlightedPartOfName,
 }) => {
   const { isTablet } = useScreenSize()
   const to = RouteUtils.getValidatorRoute(network, address)
@@ -36,15 +36,15 @@ export const ValidatorLink: FC<ValidatorLinkProps> = ({
           address={address}
           name={name || validatorName}
           to={to}
-          highlightedPart={highlightedPart}
+          highlightedPart={highlightedPartOfName}
         />
       ) : (
         <DesktopValidatorLink
           address={address}
           alwaysTrim={alwaysTrim}
           name={name || validatorName}
           to={to}
-          highlightedPart={highlightedPart}
+          highlightedPart={highlightedPartOfName}
         />
       )}
     </Typography>