From 95da3eb7a0ba340aa1791d89313b131406306e9b Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Sun, 2 Jun 2024 08:58:57 +0700
Subject: [PATCH] chore(web): timeline bucketing by day

---
 .../shared-components/scrollbar/scrollbar.svelte           | 7 ++++++-
 web/src/lib/stores/assets.store.ts                         | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte b/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
index 16e53dd562..6876d1d059 100644
--- a/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
+++ b/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
@@ -43,6 +43,7 @@
     public timeGroup = '';
     public date!: DateTime;
     public hasLabel = false;
+    public hasDotIndicator = false;
   }
 
   const calculateSegments = (buckets: AssetBucket[]) => {
@@ -60,6 +61,10 @@
         height = 0;
       }
 
+      if (previous?.date.month !== segment.date.month) {
+        segment.hasDotIndicator = true;
+      }
+
       height += segment.height;
       previous = segment;
       return segment;
@@ -164,7 +169,7 @@
           >
             {segment.date.year}
           </div>
-        {:else if segment.height > 5}
+        {:else if segment.height > 5 && segment.hasDotIndicator}
           <div
             aria-label={segment.timeGroup + ' ' + segment.count}
             class="absolute right-0 mr-3 block h-[4px] w-[4px] rounded-full bg-gray-300"
diff --git a/web/src/lib/stores/assets.store.ts b/web/src/lib/stores/assets.store.ts
index b1f91466b3..2980f4c7da 100644
--- a/web/src/lib/stores/assets.store.ts
+++ b/web/src/lib/stores/assets.store.ts
@@ -86,7 +86,7 @@ export class AssetStore {
     options: AssetStoreOptions,
     private albumId?: string,
   ) {
-    this.options = { ...options, size: TimeBucketSize.Month };
+    this.options = { ...options, size: TimeBucketSize.Day };
     this.store$.set(this);
   }