add avatar component to sidebar

arthursvpb · Aug 31, 2022 · c9bf35d · c9bf35d
1 parent 847c907
commit c9bf35d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/src/components/Sidebar/index.jsx b/web/src/components/Sidebar/index.jsx
@@ -3,7 +3,7 @@ import './styles.scss';
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 
-import { Layout, Menu, Typography, Space } from 'antd';
+import { Layout, Menu, Typography, Space, Avatar } from 'antd';
 import { UserOutlined, CalendarOutlined, HomeOutlined, LogoutOutlined } from '@ant-design/icons';
 
 const { Sider } = Layout;
@@ -79,7 +79,7 @@ export function Sidebar() {
         className="user"
       >
         {collapsed ? (
-          <p>A</p>
+          <Avatar style={{ backgroundColor: '#87d068' }}>A</Avatar>
         ) : (
           <>
             <p>Welcome,</p>