From b68e614e39105c479c21dadcfab000ff082b0857 Mon Sep 17 00:00:00 2001
From: Nikita Yutanov <nikitayutanov@gmail.com>
Date: Tue, 2 Jul 2024 12:27:46 +0300
Subject: [PATCH] Fix collection creator address format (#48)

---
 frontend/src/pages/collection/collection.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/collection/collection.tsx b/frontend/src/pages/collection/collection.tsx
index 21b06f6..13e9bf8 100644
--- a/frontend/src/pages/collection/collection.tsx
+++ b/frontend/src/pages/collection/collection.tsx
@@ -1,3 +1,4 @@
+import { getVaraAddress } from '@gear-js/react-hooks';
 import { generatePath, useParams } from 'react-router-dom';
 
 import { Breadcrumbs, Container, InfoCard, List } from '@/components';
@@ -57,7 +58,14 @@ function Collection() {
             <img src={getIpfsLink(collection.collectionLogo)} alt="" className={styles.logo} />
 
             <div className={styles.cards}>
-              <InfoCard heading="Creator" text={collection.admin} SVG={UserSVG} color="light" textOverflow />
+              <InfoCard
+                heading="Creator"
+                text={getVaraAddress(collection.admin)}
+                SVG={UserSVG}
+                color="light"
+                textOverflow
+              />
+
               <MintLimitInfoCard heading={collection.tokensLimit} text={nftsCount} color="light" />
             </div>
           </div>