From f69bf248f1664794b1c43394aa5167bef385ad81 Mon Sep 17 00:00:00 2001
From: kwasniew <kwasniewski.mateusz@gmail.com>
Date: Mon, 30 Sep 2024 13:13:25 +0200
Subject: [PATCH 1/2] feat: open unleash concepts

---
 .../personalDashboard/PersonalDashboard.tsx   | 38 ++++++++++---------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/frontend/src/component/personalDashboard/PersonalDashboard.tsx b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
index 6e5f6c9d7d66..820aec168e3c 100644
--- a/frontend/src/component/personalDashboard/PersonalDashboard.tsx
+++ b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
@@ -31,17 +31,12 @@ import { RoleAndOwnerInfo } from './RoleAndOwnerInfo';
 import { ContentGridNoProjects } from './ContentGridNoProjects';
 import { LatestProjectEvents } from './LatestProjectEvents';
 import { usePersonalDashboardProjectDetails } from 'hooks/api/getters/usePersonalDashboard/usePersonalDashboardProjectDetails';
+import HelpOutline from '@mui/icons-material/HelpOutline';
 
-const ScreenExplanation = styled(Typography)(({ theme }) => ({
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(8),
-    maxWidth: theme.spacing(45),
-}));
-
-const StyledHeaderTitle = styled(Typography)(({ theme }) => ({
-    fontSize: theme.typography.h2.fontSize,
-    fontWeight: 'normal',
-    marginBottom: theme.spacing(2),
+const ScreenExplanation = styled('div')(({ theme }) => ({
+    marginBottom: theme.spacing(4),
+    display: 'flex',
+    alignItems: 'center',
 }));
 
 const ContentGrid = styled(Grid)(({ theme }) => ({
@@ -196,8 +191,8 @@ export const PersonalDashboard = () => {
     const stage = activeProjectOverview?.onboardingStatus.status ?? 'loading';
 
     const [welcomeDialog, setWelcomeDialog] = useLocalStorageState<
-        'seen' | 'not_seen'
-    >('welcome-dialog:v1', 'not_seen');
+        'open' | 'closed'
+    >('welcome-dialog:v1', 'open');
 
     const noProjects = projects.length === 0;
 
@@ -207,10 +202,19 @@ export const PersonalDashboard = () => {
                 Welcome {name}
             </Typography>
             <ScreenExplanation>
-                Here are some tasks we think would be useful in order to get the
-                most of Unleash
+                <p>
+                    Here are some tasks we think would be useful in order to get
+                    the most of Unleash
+                </p>
+                <IconButton
+                    size={'small'}
+                    title='Key concepts'
+                    onClick={() => setWelcomeDialog('open')}
+                >
+                    <HelpOutline />
+                </IconButton>
             </ScreenExplanation>
-            <StyledHeaderTitle>Your resources</StyledHeaderTitle>
+
             {noProjects ? (
                 <ContentGridNoProjects
                     owners={[{ ownerType: 'system' }]}
@@ -366,8 +370,8 @@ export const PersonalDashboard = () => {
                 </SpacedGridItem>
             </ContentGrid>
             <WelcomeDialog
-                open={welcomeDialog !== 'seen'}
-                onClose={() => setWelcomeDialog('seen')}
+                open={welcomeDialog === 'open'}
+                onClose={() => setWelcomeDialog('closed')}
             />
         </div>
     );

From fa7c7fd13c9d8d402e55f5ce8446517cbf6fdff6 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Mon, 30 Sep 2024 13:20:20 +0200
Subject: [PATCH 2/2] Update
 frontend/src/component/personalDashboard/PersonalDashboard.tsx

Co-authored-by: Thomas Heartman <thomas@getunleash.io>
---
 frontend/src/component/personalDashboard/PersonalDashboard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/component/personalDashboard/PersonalDashboard.tsx b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
index 820aec168e3c..30cd5bddbf06 100644
--- a/frontend/src/component/personalDashboard/PersonalDashboard.tsx
+++ b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
@@ -204,7 +204,7 @@ export const PersonalDashboard = () => {
             <ScreenExplanation>
                 <p>
                     Here are some tasks we think would be useful in order to get
-                    the most of Unleash
+                    the most out of Unleash
                 </p>
                 <IconButton
                     size={'small'}