feat: distinguish weekends

ivan-lednev · Oct 15, 2024 · 0914c0b · 0914c0b
1 parent 8a0a8ef
commit 0914c0b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/ui/components/week/week.svelte b/src/ui/components/week/week.svelte
@@ -8,6 +8,7 @@
   import { getVisibleHours } from "../../../global-store/derived-settings";
   import { settings } from "../../../global-store/settings";
   import type { ObsidianContext } from "../../../types";
+  import { isOnWeekend } from "../../../util/moment";
   import ControlButton from "../control-button.svelte";
   import ResizeHandle from "../resize-handle.svelte";
   import ResizeableBox from "../resizeable-box.svelte";
@@ -64,7 +65,7 @@
     visibleHours={getVisibleHours($settings)}
   />
   {#each $dateRange as day}
-    <div class="day-column">
+    <div class="day-column" class:weekend={isOnWeekend(day)}>
       <Timeline {day} isUnderCursor={true} />
     </div>
   {/each}
@@ -136,4 +137,8 @@
     color: white;
     background-color: var(--color-accent);
   }
+
+  .weekend {
+    background-color: var(--background-primary);
+  }
 </style>
diff --git a/src/util/moment.ts b/src/util/moment.ts
@@ -125,3 +125,7 @@ export function getEarliestMoment(moments: Moment[]) {
     return result;
   });
 }
+
+export function isOnWeekend(day: Moment) {
+  return day.isoWeekday() === 6 || day.isoWeekday() === 7;
+}