54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import { getDay } from "date-fns";
|
|
import React from "react";
|
|
import { FaClock } from "react-icons/fa6";
|
|
|
|
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-2 items-center justify-center">
|
|
<div className="flex items-center justify-center gap-1">
|
|
<FaClock />
|
|
<span className="brightness-90 antialiased font-sans text-sm hidden lg:flex">
|
|
Today
|
|
</span>
|
|
</div>
|
|
<div className="flex brightness-90 font-sans">{hours}</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
export default StoreHours;
|