Merge branch '13831-move-projects'

[arvados.git] / src / store / favorites / favorites-actions.ts

diff --git a/src/store/favorites/favorites-actions.ts b/src/store/favorites/favorites-actions.ts
index ddb1492fa159dfc192195fc9d27fb0a5e6934368..9e1b3ef1c20a3d27fdd1f46be629cfed77f85f37 100644 (file)
--- a/src/store/favorites/favorites-actions.ts
+++ b/src/store/favorites/favorites-actions.ts
@@ -3,10 +3,11 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import { unionize, ofType, UnionOf } from "unionize";
-import { Dispatch } from "../../../node_modules/redux";
-import { favoriteService } from "../../services/services";
+import { Dispatch } from "redux";
 import { RootState } from "../store";
 import { checkFavorite } from "./favorites-reducer";
+import { snackbarActions } from "../snackbar/snackbar-actions";
+import { ServiceRepository } from "~/services/services";
 
 export const favoritesActions = unionize({
     TOGGLE_FAVORITE: ofType<{ resourceUuid: string }>(),
@@ -16,28 +17,36 @@ export const favoritesActions = unionize({
 
 export type FavoritesAction = UnionOf<typeof favoritesActions>;
 
-export const toggleFavorite = (resourceUuid: string) =>
-    (dispatch: Dispatch, getState: () => RootState) => {
+export const toggleFavorite = (resource: { uuid: string; name: string }) =>
+    (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository): Promise<any> => {
         const userUuid = getState().auth.user!.uuid;
-        dispatch(favoritesActions.TOGGLE_FAVORITE({ resourceUuid }));
-        const isFavorite = checkFavorite(resourceUuid, getState().favorites);
-        const promise = isFavorite
-            ? favoriteService.delete({ userUuid, resourceUuid })
-            : favoriteService.create({ userUuid, resourceUuid });
+        dispatch(favoritesActions.TOGGLE_FAVORITE({ resourceUuid: resource.uuid }));
+        dispatch(snackbarActions.OPEN_SNACKBAR({ message: "Working..." }));
+        const isFavorite = checkFavorite(resource.uuid, getState().favorites);
+        const promise: any = isFavorite
+            ? services.favoriteService.delete({ userUuid, resourceUuid: resource.uuid })
+            : services.favoriteService.create({ userUuid, resource });
 
-        promise
-            .then(fav => {
-                dispatch(favoritesActions.UPDATE_FAVORITES({ [resourceUuid]: !isFavorite }));
+        return promise
+            .then(() => {
+                dispatch(favoritesActions.UPDATE_FAVORITES({ [resource.uuid]: !isFavorite }));
+                dispatch(snackbarActions.CLOSE_SNACKBAR());
+                dispatch(snackbarActions.OPEN_SNACKBAR({
+                    message: isFavorite
+                        ? "Removed from favorites"
+                        : "Added to favorites",
+                    hideDuration: 2000
+                }));
             });
     };
 
 export const checkPresenceInFavorites = (resourceUuids: string[]) =>
-    (dispatch: Dispatch, getState: () => RootState) => {
+    (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
         const userUuid = getState().auth.user!.uuid;
         dispatch(favoritesActions.CHECK_PRESENCE_IN_FAVORITES(resourceUuids));
-        favoriteService
+        services.favoriteService
             .checkPresenceInFavorites(userUuid, resourceUuids)
-            .then(results => {
+            .then((results: any) => {
                 dispatch(favoritesActions.UPDATE_FAVORITES(results));
             });
     };