From 8114b10932654a0c7c3f34d39556f34d4a65dc80 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Fri, 1 Mar 2024 14:05:17 +0800
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20use=20shared?=
 =?UTF-8?q?=20Avatar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/org-slug/projects/create/Template.tsx        | 7 +++----
 1 file changed, 3 insertions(+), 4 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 b764e45b..7309224d 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@@ -6,10 +6,9 @@ import {
   useSearchParams,
 } from 'react-router-dom';
 
-import { Avatar } from '@material-tailwind/react';
-
 import Stepper from '../../../../components/Stepper';
 import templates from '../../../../assets/templates';
+import { Avatar } from 'components/shared/Avatar';
 import { LinkChainIcon } from 'components/shared/CustomIcon';
 import { Heading } from 'components/shared/Heading';
 
@@ -46,9 +45,9 @@ const CreateWithTemplate = () => {
 
   return (
     <div className="flex flex-col items-center">
-      <div className="flex flex-col lg:flex-row justify-between w-5/6 my-4 bg-gray-200 rounded-xl p-6 gap-3 items-start lg: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 variant="rounded" src="/gray.png" placeholder={''} />
+          <Avatar size={48} imageSrc="/gray.png" />
           <Heading className="font-medium">{template?.name}</Heading>
         </div>
         <div>