Using the Username compoenen

rrmdp · Mar 16, 2022 · 57486eb · 57486eb
1 parent 834f982
commit 57486eb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/Comment.tsx b/components/Comment.tsx
@@ -2,8 +2,10 @@ import * as React from "react";
 import { Text, Heading, HStack, Stack } from "@chakra-ui/react";
 import TimeAgo from "react-timeago";
 import Avatar from "@davatar/react";
+import Username from "./Username";
 import {Comment} from "../hooks/useDBForumContract";
 
+
 interface CommentProps {
   comment: Comment;
 }
@@ -14,7 +16,7 @@ const Comment: React.FunctionComponent<CommentProps> = ({ comment }) => {
 
         <Stack spacing={1} flex={1} bg="whiteAlpha.100" rounded="2xl" p={3}>
           <Heading color="whiteAlpha.900" fontSize="lg">
-            {comment.creator_address}
+          <Username address={comment.creator_address} />
           </Heading>
           <Text color="whiteAlpha.800" fontSize="lg">
             {comment.message}