From 8c0162f9f354ae8aa53472898ad526032433e884 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Wed, 6 Mar 2024 09:35:18 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20replace=20Avatar=20with?=
 =?UTF-8?q?=20TemplateIcon=20on=20Template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/org-slug/projects/create/Template.tsx      | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
index b8ee2f8b..3d61792d 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@@ -7,8 +7,11 @@ import {
 } from 'react-router-dom';
 
 import templates from '../../../../assets/templates';
-import { Avatar } from 'components/shared/Avatar';
-import { LinkChainIcon } from 'components/shared/CustomIcon';
+import {
+  LinkChainIcon,
+  TemplateIcon,
+  TemplateIconType,
+} from 'components/shared/CustomIcon';
 import { Heading } from 'components/shared/Heading';
 import { Steps } from 'components/shared/Steps';
 
@@ -47,7 +50,7 @@ const CreateWithTemplate = () => {
     <div className="flex flex-col items-center">
       <div className="flex flex-col lg:flex-row justify-between w-5/6 my-4 bg-base-bg-alternate rounded-xl p-6 gap-3 items-start lg:items-center">
         <div className="flex items-center gap-3">
-          <Avatar size={48} imageSrc="/gray.png" />
+          <TemplateIcon type={template?.icon as TemplateIconType} size={48} />
           <Heading className="font-medium">{template?.name}</Heading>
         </div>
         <div>