From e9ba7d0639374c18d6ad0238c8a34a8b0cb05187 Mon Sep 17 00:00:00 2001
From: ImAlpha <arcticjcb@gmail.com>
Date: Sun, 26 Nov 2023 03:38:53 -0800
Subject: [PATCH] added store hours based on day

---
 .../app/components/NavBar/NavBar.tsx          |  4 ++
 .../app/components/StoreHours/StoreHours.tsx  | 50 +++++++++++++++++++
 Websites/jefes-nextjs/app/gallery/page.tsx    |  1 -
 .../jefes-nextjs/components/Footer/footer.tsx |  2 +-
 4 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx

diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
index 3c2f5d5..1a73c2b 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
@@ -11,6 +11,7 @@ import { AiOutlineInstagram, AiOutlineFacebook } from "react-icons/ai";
 import { FaTiktok } from "react-icons/fa";
 import { RiCellphoneLine } from "react-icons/ri";
 import { FaPhone } from "react-icons/fa6";
+import StoreHours from "../StoreHours/StoreHours";
 
 const NavBar = () => {
   const currentPath = usePathname();
@@ -69,10 +70,13 @@ const NavBar = () => {
               : "hidden"
           }
         >
+          <div className="flex flex-row items-center justify-center gap-4">
           <div className="flex items-center justify-center space-x-1.5">
             <FaPhone />
             <span>(918) 888-0844</span>
           </div>
+            <StoreHours />
+          </div>
         </div>
         <ul
           className={
diff --git a/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx b/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
new file mode 100644
index 0000000..94ac047
--- /dev/null
+++ b/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
@@ -0,0 +1,50 @@
+import { getDay } from "date-fns";
+import React from "react";
+import { FaRegClock } from "react-icons/fa";
+
+const StoreHours = () => {
+  var week = [
+    { day: "Sunday", hours: "11:00am - 8:00pm" },
+    { day: "Monday", hours: "11:00am - 9:00pm" },
+    { day: "Tuesday", hours: "11:00am - 9:00pm" },
+    { day: "Wednesday", hours: "11:00am - 9:00pm" },
+    { day: "Thursday", hours: "11:00am - 9:00pm" },
+    { day: "Friday", hours: "11:00am - 9:30pm" },
+    { day: "Saturday", hours: "11:00am - 9:30pm" },
+  ];
+
+  var months = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+  ];
+
+  function getHoursByDay(day: String) {
+    const foundDay = week.find((item) => item.day === day);
+    return foundDay ? foundDay.hours : "Hours not found";
+  }
+  var curr_day = new Date().toLocaleDateString("en-US", { weekday: "long" });
+
+  var hours = getHoursByDay(curr_day);
+
+  return (
+    <>
+      <div className="flex flex-row gap-1 items-center justify-center">
+        <div className="flex">
+          <FaRegClock />
+        </div>
+        <div className="flex">{hours}</div>
+      </div>
+    </>
+  );
+};
+export default StoreHours;
diff --git a/Websites/jefes-nextjs/app/gallery/page.tsx b/Websites/jefes-nextjs/app/gallery/page.tsx
index 98f48ba..e312edd 100644
--- a/Websites/jefes-nextjs/app/gallery/page.tsx
+++ b/Websites/jefes-nextjs/app/gallery/page.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { useState } from "react";
 import { BsChevronCompactLeft, BsChevronCompactRight } from "react-icons/bs";
 import { RxDotFilled } from "react-icons/rx";
-import { EmblaCarousel } from "./carousel";
 import Image from "next/image";
 import WSPGallery from "../components/WSPGallery/page";
 
diff --git a/Websites/jefes-nextjs/components/Footer/footer.tsx b/Websites/jefes-nextjs/components/Footer/footer.tsx
index 860ff00..b51aba5 100644
--- a/Websites/jefes-nextjs/components/Footer/footer.tsx
+++ b/Websites/jefes-nextjs/components/Footer/footer.tsx
@@ -33,7 +33,7 @@ const Footer = () => {
             </Link>
           </div>
           <p className="flex flex-wrap w-[90%] relative items-center text-start justify-center text-base ">
-            Jefe's Mexican Cocina Y Cantina serves the best Mexican food in
+            Jefes Mexican Cocina Y Cantina serves the best Mexican food in
             Broken Arrow, OK.
           </p>
         </div>