fix(explorer): type format in object view (#4066)

iotaledger · Nov 20, 2024 · 1419770 · 1419770
1 parent b0c207d
commit 1419770
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/apps/explorer/src/pages/object-result/views/ObjectView.tsx b/apps/explorer/src/pages/object-result/views/ObjectView.tsx
@@ -8,6 +8,7 @@ import { type IotaObjectResponse, type ObjectOwner } from '@iota/iota-sdk/client
 import {
     formatAddress,
     formatDigest,
+    formatType,
     IOTA_TYPE_ARG,
     normalizeStructTag,
     parseStructTag,
@@ -113,7 +114,7 @@ function TypeCard({ objectType }: TypeCardCardProps): JSX.Element {
         ...rest,
     };
 
-    const normalizedStructTag = normalizeStructTag(structTag);
+    const normalizedStructTag = formatType(normalizeStructTag(structTag));
     return (
         <DisplayStats
             label="Type"

diff --git a/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx b/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
@@ -92,7 +92,7 @@ export function DisplayStats({
                 {icon && <span className="text-neutral-10 dark:text-neutral-92">{icon}</span>}
             </div>
             <div className="flex w-full flex-row items-baseline gap-xxs">
-                <span className={cx(valueClass)}>{value}</span>
+                <span className={cx('break-all', valueClass)}>{value}</span>
                 {supportingLabel && (
                     <span className={cx('opacity-40', supportingLabelTextClass)}>
                         {supportingLabel}