add assets to bucket group by day

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"

web/src/lib/stores/asset.store.spec.ts

@@ -31,7 +31,7 @@ describe('AssetStore', () => {
 
     it('should load buckets in viewport', () => {
       expect(sdkMock.getTimeBuckets).toBeCalledTimes(1);
-      expect(sdkMock.getTimeBuckets).toBeCalledWith({ size: TimeBucketSize.Month });
+      expect(sdkMock.getTimeBuckets).toBeCalledWith({ size: TimeBucketSize.Day });
       expect(sdkMock.getTimeBucket).toHaveBeenCalledTimes(2);
     });
 

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);
   }
 
@@ -347,7 +347,7 @@ export class AssetStore {
     const updatedBuckets = new Set<AssetBucket>();
 
     for (const asset of assets) {
-      const timeBucket = DateTime.fromISO(asset.fileCreatedAt).toUTC().startOf('month').toString();
+      const timeBucket = DateTime.fromISO(asset.fileCreatedAt).toUTC().startOf('day').toString();
       let bucket = this.getBucketByDate(timeBucket);
 
       if (!bucket) {