deleting-from-localStorage

Feature #14308

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>

diff --git a/src/services/search-service/search-service.ts b/src/services/search-service/search-service.ts
index af643c89fc20597000791cf694570f24eb07b14d..6a0043a33866e49e4a59f9bf92b750fa93a1f2c7 100644 (file)
--- a/src/services/search-service/search-service.ts
+++ b/src/services/search-service/search-service.ts
@@ -30,8 +30,8 @@ export class SearchQueriesService {
     }
 
     deleteSavedQuery(id: number) {
-        const queryToDelete = this.savedQueries[id];
-        const restQueries = this.savedQueries.filter(query => query !== queryToDelete);
-        return localStorage.setItem('savedQueries', JSON.stringify(restQueries));
+        this.savedQueries.splice(id, 1);
+        localStorage.setItem('savedQueries', JSON.stringify(this.savedQueries));
+
     }
 }
\ No newline at end of file

diff --git a/src/store/search-bar/search-bar-actions.ts b/src/store/search-bar/search-bar-actions.ts
index 1d5c17d2c9bc7009e95fc68b2ce3c252f35dac16..55acff82ebb089fe1c12afdab23c5e0ff3b775ef 100644 (file)
--- a/src/store/search-bar/search-bar-actions.ts
+++ b/src/store/search-bar/search-bar-actions.ts
@@ -48,6 +48,8 @@ export const loadSavedQueries = () =>
 export const deleteSavedQuery = (id: number) =>
     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
         services.searchQueriesService.deleteSavedQuery(id);
+        const savedSearchQueries = services.searchQueriesService.getSavedQueries();
+        return savedSearchQueries || [];
     };
 
 export const searchData = (searchValue: string) =>

diff --git a/src/views-components/search-bar/search-bar-view.tsx b/src/views-components/search-bar/search-bar-view.tsx
index d6061ac918f8ea117770f572edb4b1d2011c3809..cfab6c71d20a9a8bad149d8941d76baf22936774 100644 (file)
--- a/src/views-components/search-bar/search-bar-view.tsx
+++ b/src/views-components/search-bar/search-bar-view.tsx
@@ -45,7 +45,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => {
         },
         view: {
             position: 'absolute',
-            width: '100%'
+            width: '100%',
+            zIndex: 10000
         }
     };
 };