From 77f30de71dd55ab2f1cb58dfc4c14d1cefa5ef7c Mon Sep 17 00:00:00 2001
From: John Angel <john.angel@lern-fair.de>
Date: Mon, 14 Oct 2024 12:20:29 +0200
Subject: [PATCH] feat: Add greeting on dashboard page

---
 src/pages/pupil/Dashboard.tsx          | 6 ++++++
 src/pages/student/DashboardStudent.tsx | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/pages/pupil/Dashboard.tsx b/src/pages/pupil/Dashboard.tsx
index 80d5e8a18..de10f2c8c 100644
--- a/src/pages/pupil/Dashboard.tsx
+++ b/src/pages/pupil/Dashboard.tsx
@@ -22,6 +22,7 @@ import { Lecture } from '../../gql/graphql';
 import DisableableButton from '../../components/DisablebleButton';
 import { useRoles } from '../../hooks/useApollo';
 import ConfirmationModal from '@/modals/ConfirmationModal';
+import { Typography } from '@/components/Typography';
 
 type Props = {};
 
@@ -220,6 +221,11 @@ const Dashboard: React.FC<Props> = () => {
                 {!called || (loading && <CenterLoadingSpinner />)}
                 {called && !loading && (
                     <VStack paddingX={space['1']} marginX="auto" width="100%" maxWidth={ContainerWidth}>
+                        <div>
+                            <Typography className="mb-4" variant="h3" as="p">
+                                {t('hallo')} {data?.me.firstname}&nbsp;&nbsp;👋
+                            </Typography>
+                        </div>
                         <ImportantInformation variant="dark" />
                         <VStack>
                             <NextAppointmentCard appointments={data?.me?.appointments as Lecture[]} />
diff --git a/src/pages/student/DashboardStudent.tsx b/src/pages/student/DashboardStudent.tsx
index d90f62bcd..8028f12b3 100644
--- a/src/pages/student/DashboardStudent.tsx
+++ b/src/pages/student/DashboardStudent.tsx
@@ -26,6 +26,7 @@ import NextAppointmentCard from '../../widgets/NextAppointmentCard';
 import { Lecture } from '../../gql/graphql';
 import useApollo from '../../hooks/useApollo';
 import { useUserType } from '../../hooks/useApollo';
+import { Typography } from '@/components/Typography';
 
 type Props = {};
 
@@ -228,6 +229,11 @@ const DashboardStudent: React.FC<Props> = () => {
                 {!called || (loading && <CenterLoadingSpinner />)}
                 {called && !loading && (
                     <VStack paddingX={space['1']} marginX="auto" width="100%" maxWidth={ContainerWidth}>
+                        <div>
+                            <Typography variant="h3" as="p">
+                                {t('hallo')} {data?.me.firstname}&nbsp;&nbsp;👋
+                            </Typography>
+                        </div>
                         <VStack>
                             <VStack marginBottom={space['1.5']}>
                                 <ImportantInformation variant="normal" />