Enable Timeoff for Day-view

saeloun · Feb 13, 2024 · 3d21904 · 3d21904
1 parent c8a37dd
commit 3d21904
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/app/javascript/src/components/TimesheetEntries/index.tsx b/app/javascript/src/components/TimesheetEntries/index.tsx
@@ -661,7 +661,24 @@ const TimesheetEntries = ({ user, isAdminUser }: Iprops) => {
       <div className="pb-14">
         {!isDesktop && <Header />}
         <div className="mt-0 h-full p-4 lg:mt-6 lg:p-0">
-          <div className="mb-6 flex items-center justify-between md:flex-row-reverse">
+          <div className="mb-6 flex items-center justify-between">
+            {isDesktop && (
+              <nav className="flex">
+                {["month", "day"].map((item, index) => (
+                  <button
+                    key={index}
+                    className={
+                      item === view
+                        ? "mr-10 border-b-2 border-miru-han-purple-1000 font-bold tracking-widest text-miru-han-purple-1000"
+                        : "mr-10 font-medium tracking-widest text-miru-han-purple-600"
+                    }
+                    onClick={() => setView(item)}
+                  >
+                    {item.toUpperCase()}
+                  </button>
+                ))}
+              </nav>
+            )}
             {isDesktop && isViewTogglerVisible && (
               <ViewToggler view={view} setView={setView} />
             )}
@@ -718,7 +735,7 @@ const TimesheetEntries = ({ user, isAdminUser }: Iprops) => {
                     + NEW ENTRY
                   </button>
                 )}
-              {view === "month" &&
+              {view !== "week" &&
                 !newEntryView &&
                 !newTimeoffEntryView &&
                 isDesktop && (