fix: ensure layer loads when dateBefore set early, then moved back late

linz · Mar 13, 2023 · fa938cf · fa938cf
1 parent 72603b8
commit fa938cf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 18 deletions.
diff --git a/packages/landing/src/components/daterange.tsx b/packages/landing/src/components/daterange.tsx
@@ -12,9 +12,6 @@ export interface DateRangeState {
 export class DateRange extends Component {
   state: DateRangeState = { after: minDate, before: maxDate };
 
-  private _scheduled: number | NodeJS.Timeout | undefined;
-  private _raf = 0;
-
   get yearAfter(): string | undefined {
     return this.state.after?.slice(0, 4);
   }
@@ -23,19 +20,6 @@ export class DateRange extends Component {
     return this.state.before?.slice(0, 4);
   }
 
-  private scheduleUpdateConfig(): void {
-    if (this._scheduled != null || this._raf !== 0) return;
-    this._scheduled = setTimeout(() => {
-      this._scheduled = undefined;
-      this._raf = requestAnimationFrame(this.updateConfig);
-    }, 200);
-  }
-
-  updateConfig = (): void => {
-    this._raf = 0;
-    Config.map.setFilterDateRange(this.state.after, this.state.before);
-  };
-
   handleChange = (event: React.ChangeEvent<HTMLInputElement>, id: 'before' | 'after'): void => {
     switch (id) {
       case 'after':
@@ -45,7 +29,9 @@ export class DateRange extends Component {
         this.setState({ before: `${event.target.value}-12-31T23:59:59.999Z` });
         break;
     }
-    this.scheduleUpdateConfig();
+    Config.map.dateRange.dateAfter = this.state.dateAfter;
+    Config.map.dateRange.dateBefore = this.state.dateBefore;
+    Config.map.emit('dateRange', this.state);
   };
 
   render(): ReactNode {

diff --git a/packages/landing/src/components/map.tsx b/packages/landing/src/components/map.tsx
@@ -91,7 +91,7 @@ export class Basemaps extends Component<unknown, { isLayerSwitcherEnabled: boole
   };
 
   updateVisibleLayers = (newLayers: string): void => {
-    if (!Config.map.visibleLayers) Config.map.visibleLayers = newLayers;
+    if (Config.map.visibleLayers === undefined) Config.map.visibleLayers = newLayers;
     if (newLayers !== Config.map.visibleLayers) {
       Config.map.visibleLayers = newLayers;
       const newStyleId =