Fix marker display mode (#1487)

ui/v2.5/src/hooks/ListHook.tsx

@@ -451,8 +451,13 @@ const useList = <QueryResult extends IQueryResult, QueryData extends IDataItem>(
   const persistanceKey = options.persistanceKey ?? options.filterMode;
 
   const defaultSort = options.defaultSort ?? filterOptions.defaultSortBy;
+  const defaultDisplayMode = filterOptions.displayModeOptions[0];
   const [filter, setFilter] = useState<ListFilterModel>(
-    new ListFilterModel(queryString.parse(location.search), defaultSort)
+    new ListFilterModel(
+      queryString.parse(location.search),
+      defaultSort,
+      defaultDisplayMode
+    )
   );
 
   const updateInterfaceConfig = useCallback(
@@ -513,7 +518,11 @@ const useList = <QueryResult extends IQueryResult, QueryData extends IDataItem>(
         }
       : activeFilter;
 
-    const newFilter = new ListFilterModel(query, defaultSort);
+    const newFilter = new ListFilterModel(
+      query,
+      defaultSort,
+      defaultDisplayMode
+    );
 
     // Compare constructed filter with current filter.
     // If different it's the result of navigation, and we update the filter.
@@ -530,6 +539,7 @@ const useList = <QueryResult extends IQueryResult, QueryData extends IDataItem>(
     }
   }, [
     defaultSort,
+    defaultDisplayMode,
     filter,
     interfaceState.data,
     interfaceState.loading,

ui/v2.5/src/models/list-filter/filter.ts

@@ -32,9 +32,14 @@ export class ListFilterModel {
   public criteria: Array<Criterion<CriterionValue>> = [];
   public randomSeed = -1;
 
-  public constructor(rawParms?: ParsedQuery<string>, defaultSort?: string) {
+  public constructor(
+    rawParms?: ParsedQuery<string>,
+    defaultSort?: string,
+    defaultDisplayMode?: DisplayMode
+  ) {
     const params = rawParms as IQueryParameters;
     this.sortBy = defaultSort;
+    if (defaultDisplayMode !== undefined) this.displayMode = defaultDisplayMode;
     if (params) this.configureFromQueryParameters(params);
   }