Merge pull request #433 from iceljc/main

refine time range picker styles and user store

Author: iceljc

src/lib/common/shared/TimeRangePicker.svelte

@@ -330,7 +330,7 @@
 >
 	<button
 		type="button"
-		class="form-control text-start d-flex align-items-center justify-content-between"
+		class="form-control text-start d-flex align-items-center justify-content-between clickable"
 		on:click={() => {
 			showDatePicker = !showDatePicker;
 			if (showDatePicker) {
@@ -344,9 +344,10 @@
 				}
 			}
 		}}
-		style="cursor: pointer;"
 	>
-		<span>{timeRangeDisplayText || 'Select time range'}</span>
+		<span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+			{timeRangeDisplayText || 'Select time range'}
+		</span>
 		<i class="bx bx-chevron-down"></i>
 	</button>
 	{#if showDatePicker}

src/lib/helpers/http.js

@@ -12,7 +12,7 @@ const retryQueue = {
     isRefreshingToken: false,
 
     /** @type {number} */
-    timeout: 20,
+    timeout: 200,
 
     /** @type {number} */
     maxRenewTokenCount: 30,

src/lib/helpers/store.js

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import { writable } from 'svelte/store';
+import { writable, get } from 'svelte/store';
 import { browser } from '$app/environment';
 
 const userKey = "user";
@@ -42,17 +42,18 @@ export const userStore = writable({ id: "", full_name: "", expires: 0, token: nu
  */
 export function getUserStore() {
     if (browser) {
-        // Access localStorage only if in the browser context
+        const storeValue = get(userStore);
+        if (storeValue?.token) {
+            return storeValue;
+        }
+
         let json = sessionStorage.getItem(userKey);
         if (json) {
             return JSON.parse(json);
-        } else {
-            return userStore;
         }
-    } else {
-        // Return a default value for SSR
-        return userStore;
     }
+
+    return get(userStore);
 };