From 444c9e660c25dd52309679a9fdf81ea6de93c891 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Fri, 14 Jan 2022 15:25:22 -0800
Subject: [PATCH] dynamic afternoon, morning, etc text

---
 components/Dashboard/Header.tsx | 12 +++++++-----
 helpers/dateTime.tsx            | 15 +++++++++++++++
 2 files changed, 22 insertions(+), 5 deletions(-)
 create mode 100644 helpers/dateTime.tsx

diff --git a/components/Dashboard/Header.tsx b/components/Dashboard/Header.tsx
index deb76bb..19ae6fc 100644
--- a/components/Dashboard/Header.tsx
+++ b/components/Dashboard/Header.tsx
@@ -13,10 +13,12 @@ import {
 import { useTeamDashboardContext } from "../../contexts/teamDashboardContext";
 import router from "next/router";
 import Moment from "react-moment";
+import { User } from "../../models/user";
+import { generateGreetings } from "../../helpers/dateTime";
 
 export default function Header() {
   const { logOut } = useAuth();
-  const { team } = useTeamDashboardContext();
+  const { team, user } = useTeamDashboardContext();
 
   async function handleSignOut() {
     console.log("clicked log out button");
@@ -30,14 +32,14 @@ export default function Header() {
     }
   }
 
-  var today = new Date();
-
+  const today = new Date();
+  const periodOfDay = generateGreetings();
   return (
     <section className="flex-1 flex flex-row items-center justify-between py-5">
       {/* welcome message */}
       <span className="flex flex-col items-baseline">
-        <span className="font-bold text-xl text-white">
-          👋Hey Arjun, Good Afternoon!
+        <span className="font-bold text-xl text-white capitalize ">
+          👋Hey {user.firstName}, {periodOfDay}!
         </span>
 
         {/* Date and time */}
diff --git a/helpers/dateTime.tsx b/helpers/dateTime.tsx
new file mode 100644
index 0000000..7d4df49
--- /dev/null
+++ b/helpers/dateTime.tsx
@@ -0,0 +1,15 @@
+import moment from "moment";
+
+export function generateGreetings(): string {
+  const hour = moment().hour();
+
+  if (hour > 16) {
+    return "Good evening";
+  }
+
+  if (hour > 11) {
+    return "Good afternoon";
+  }
+
+  return "Good morning";
+}