SDP-895: Include trustline asset issuer (#20)

stellar · Oct 9, 2023 · 70d30fd · 70d30fd
1 parent 3ecf052
commit 70d30fd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/WalletTrustlines/index.tsx b/src/components/WalletTrustlines/index.tsx
@@ -238,8 +238,10 @@ export const WalletTrustlines = ({
               key={`${a.code}-${a.issuer}`}
             >
               <div className="WalletTrustlines__asset__info">
-                <div>{ASSET_NAME?.[a.code] || ""}</div>
-                <span>{a.code}</span>
+                {ASSET_NAME?.[a.code] && <div>{ASSET_NAME?.[a.code]}</div>}
+                <span>
+                  {a.code}:{a.issuer}
+                </span>
               </div>
 
               {!a.isNative && a.id ? (

diff --git a/src/components/WalletTrustlines/styles.scss b/src/components/WalletTrustlines/styles.scss
@@ -3,7 +3,6 @@
 .WalletTrustlines {
   &__asset {
     display: flex;
-    align-items: center;
     justify-content: space-between;
     gap: pxToRem(16px);
     border: 1px solid var(--color-gray-30);
@@ -13,15 +12,16 @@
 
     &__info {
       display: flex;
+      flex-direction: column;
       gap: pxToRem(8px);
-      align-items: center;
       font-size: pxToRem(14px);
       line-height: pxToRem(22px);
       font-weight: var(--font-weight-regular);
       color: var(--color-gray-80);
 
       span {
         color: var(--color-gray-60);
+        font-size: pxToRem(12px);
       }
     }
   }