From cc5629810d067425aaf84a17cade2d05c848d343 Mon Sep 17 00:00:00 2001
From: Danish Arora <danisharora099@gmail.com>
Date: Tue, 5 Nov 2024 11:38:10 +0530
Subject: [PATCH] chore: show created by in chain

---
 .../src/components/Chain/View/ChainList.tsx   | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/examples/buddybook/src/components/Chain/View/ChainList.tsx b/examples/buddybook/src/components/Chain/View/ChainList.tsx
index c21375d..a6abaed 100644
--- a/examples/buddybook/src/components/Chain/View/ChainList.tsx
+++ b/examples/buddybook/src/components/Chain/View/ChainList.tsx
@@ -40,15 +40,20 @@ const ChainList: React.FC<ChainListProps> = ({ chainsData, onChainUpdate, isLoad
               </CardHeader>
               <CardContent>
                 <p>{block.description}</p>
-                <p className="text-sm text-muted-foreground mt-2">
-                  Created at: {new Date(block.timestamp).toLocaleString()}
-                </p>
-                <p className="text-sm text-muted-foreground">
-                  Total Signatures: {totalSignatures}
-                </p>
-                <p className="text-sm text-muted-foreground">
-                  Block UUID: {block.blockUUID}
-                </p>
+                <div className="flex flex-col space-y-2 mt-2">
+                  <p className="text-sm text-muted-foreground">
+                    Created by: <SignerName address={block.signatures[0].address} />
+                  </p>
+                  <p className="text-sm text-muted-foreground">
+                    Created at: {new Date(block.timestamp).toLocaleString()}
+                  </p>
+                  <p className="text-sm text-muted-foreground">
+                    Total Signatures: {totalSignatures}
+                  </p>
+                  <p className="text-sm text-muted-foreground">
+                    Block UUID: {block.blockUUID}
+                  </p>
+                </div>
                 <div className="mt-2 space-x-2">
                   <SignChain 
                     block={block}