ui: widget fixes

frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx

@@ -29,6 +29,12 @@ function WidgetPreview(props: Props) {
       metric.viewType,
     );
   // [rangeStart, rangeEnd] or [period_name] -- have to check options
+
+  React.useEffect(() => {
+    // otherwise data obj change won't be registered if you get data -> change page -> go back
+    return () => metricStore.init();
+  }, []);
+
   const presetComparison = metric.compareTo;
   return (
     <div className={cn(className, 'bg-white rounded-xl border shadow-sm mt-0')}>

spot/entrypoints/popup/Dropdown.tsx

@@ -30,8 +30,8 @@ function Dropdown(props: {
       </div>
       <Show when={isOpen()}>
         <div
-          style="width:260px"
-          class="absolute z-10 w-full bg-white border shadow-sm rounded-lg bottom-full mb-2 -left-4 text-start font-normal"
+          style="width:260px;max-height:120px;overflow:scroll;"
+          class="absolute z-10 w-full bg-white border shadow-sm rounded-lg mb-2 -left-4 text-start font-normal bottom-full"
         >
           <For each={props.options}>
             {(option) => (

spot/package.json

@@ -2,7 +2,7 @@
   "name": "spot",
   "description": "manifest.json description",
   "private": true,
-  "version": "1.0.23",
+  "version": "1.0.24",
   "type": "module",
   "scripts": {
     "dev": "wxt",