From a71fafeb13d8fcb906da869e539d290ce2f260c5 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Wed, 2 Oct 2024 13:22:59 +0300
Subject: [PATCH] feat: add all outlined icons (#8332)

![image](https://github.com/user-attachments/assets/54826935-6323-434f-b789-459f7ac51739)
---
 .../component/onboarding/flow/ProjectOnboarded.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/onboarding/flow/ProjectOnboarded.tsx b/frontend/src/component/onboarding/flow/ProjectOnboarded.tsx
index 00cfbd6ead..682dac7669 100644
--- a/frontend/src/component/onboarding/flow/ProjectOnboarded.tsx
+++ b/frontend/src/component/onboarding/flow/ProjectOnboarded.tsx
@@ -1,9 +1,10 @@
 import { IconButton, styled, Tooltip, Typography } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import Check from '@mui/icons-material/Check';
-import People from '@mui/icons-material/People';
-import MenuBook from '@mui/icons-material/MenuBook';
 import { Link } from 'react-router-dom';
+import ExtensionOutlined from '@mui/icons-material/ExtensionOutlined';
+import MenuBookOutlined from '@mui/icons-material/MenuBookOutlined';
+import PeopleOutlined from '@mui/icons-material/PeopleOutlined';
 
 interface IProjectOnboardedProps {
     projectId: string;
@@ -66,11 +67,15 @@ const StyledCheck = styled(Check)(({ theme }) => ({
     height: '28px',
 }));
 
-const ColoredPeople = styled(People)(({ theme }) => ({
+const ColoredExtension = styled(ExtensionOutlined)(({ theme }) => ({
     color: theme.palette.primary.main,
 }));
 
-const ColoredMenuBook = styled(MenuBook)(({ theme }) => ({
+const ColoredPeople = styled(PeopleOutlined)(({ theme }) => ({
+    color: theme.palette.primary.main,
+}));
+
+const ColoredMenuBook = styled(MenuBookOutlined)(({ theme }) => ({
     color: theme.palette.primary.main,
 }));
 
@@ -96,6 +101,7 @@ export const ProjectOnboarded = ({
             <Actions>
                 <ActionBox>
                     <TitleContainer>
+                        <ColoredExtension />
                         Expose your feature flag to users
                     </TitleContainer>
                     <Typography>