@ludo.ninja/components 1.1.1 → 1.1.3

package/dist/hooks/likes/index.js

@@ -1,327 +1,172 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { useEffect, useState } from 'react';
-
 import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-
 import { useUiStore } from '@/store/ui';
-
 import useDisLikeAsset from '@/api/server-assets/mutations/useDislikeAsset';
 import useLikeAsset from '@/api/server-assets/mutations/useLikeAsset';
 import useDislikeCollection from '@/api/server-collection/mutations/useDislikeCollection';
 import useLikeCollection from '@/api/server-collection/mutations/useLikeCollection';
 import { useRemoveAssetFromGalleryV2 } from '@/api/server-galleries/mutations/useRemoveAssetFromGallery';
 import { useRemoveCollectionFromGalleryV2 } from '@/api/server-galleries/mutations/useRemoveCollectionFromGallery';
-
 import { LabelKeys } from '@/dto/common/ItemType';
-
-var __awaiter =
-  (this && this.__awaiter) ||
-  function (thisArg, _arguments, P, generator) {
-    function adopt(value) {
-      return value instanceof P
-        ? value
-        : new P(function (resolve) {
-            resolve(value);
-          });
-    }
-    return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) {
-        try {
-          step(generator.next(value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function rejected(value) {
-        try {
-          step(generator['throw'](value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function step(result) {
-        result.done
-          ? resolve(result.value)
-          : adopt(result.value).then(fulfilled, rejected);
-      }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  };
-var __generator =
-  (this && this.__generator) ||
-  function (thisArg, body) {
-    var _ = {
-        label: 0,
-        sent: function () {
-          if (t[0] & 1) throw t[1];
-          return t[1];
-        },
-        trys: [],
-        ops: [],
-      },
-      f,
-      y,
-      t,
-      g;
-    return (
-      (g = { next: verb(0), throw: verb(1), return: verb(2) }),
-      typeof Symbol === 'function' &&
-        (g[Symbol.iterator] = function () {
-          return this;
-        }),
-      g
-    );
-    function verb(n) {
-      return function (v) {
-        return step([n, v]);
-      };
-    }
-    function step(op) {
-      if (f) throw new TypeError('Generator is already executing.');
-      while ((g && ((g = 0), op[0] && (_ = 0)), _))
-        try {
-          if (
-            ((f = 1),
-            y &&
-              (t =
-                op[0] & 2
-                  ? y['return']
-                  : op[0]
-                  ? y['throw'] || ((t = y['return']) && t.call(y), 0)
-                  : y.next) &&
-              !(t = t.call(y, op[1])).done)
-          )
-            return t;
-          if (((y = 0), t)) op = [op[0] & 2, t.value];
-          switch (op[0]) {
-            case 0:
-            case 1:
-              t = op;
-              break;
-            case 4:
-              _.label++;
-              return { value: op[1], done: false };
-            case 5:
-              _.label++;
-              y = op[1];
-              op = [0];
-              continue;
-            case 7:
-              op = _.ops.pop();
-              _.trys.pop();
-              continue;
-            default:
-              if (
-                !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&
-                (op[0] === 6 || op[0] === 2)
-              ) {
-                _ = 0;
-                continue;
-              }
-              if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                _.label = op[1];
-                break;
-              }
-              if (op[0] === 6 && _.label < t[1]) {
-                _.label = t[1];
-                t = op;
-                break;
-              }
-              if (t && _.label < t[2]) {
-                _.label = t[2];
-                _.ops.push(op);
-                break;
-              }
-              if (t[2]) _.ops.pop();
-              _.trys.pop();
-              continue;
-          }
-          op = body.call(thisArg, _);
-        } catch (e) {
-          op = [6, e];
-          y = 0;
-        } finally {
-          f = t = 0;
-        }
-      if (op[0] & 5) throw op[1];
-      return { value: op[0] ? op[1] : void 0, done: true };
-    }
-  };
-
 // Component
 var useLikes = function (_a) {
-  var defaultLikesCount = _a.defaultLikesCount,
-    defaultIsLiked = _a.defaultIsLiked,
-    itemType = _a.itemType,
-    removeOnDislike = _a.removeOnDislike,
-    isLoadingLikes = _a.isLoadingLikes;
-  var _b = useState({
-      likesCount: defaultLikesCount,
-      isLiked: defaultIsLiked,
-    }),
-    likes = _b[0],
-    setLikes = _b[1];
-  useEffect(
-    function () {
-      if (!isLoadingLikes) {
-        setLikes({
-          likesCount: defaultLikesCount,
-          isLiked: defaultIsLiked,
-        });
-      }
-    },
-    [isLoadingLikes]
-  );
-  var _c = useState(false),
-    isLoading = _c[0],
-    setIsLoading = _c[1];
-  var _d = useLikeAsset(),
-    likeAsset = _d.likeAsset,
-    errorLikeAsset = _d.errorLikeAsset;
-  var _e = useDisLikeAsset(),
-    dislikeAsset = _e.dislikeAsset,
-    errorDislikeAsset = _e.errorDislikeAsset;
-  var _f = useDislikeCollection(),
-    dislikeCollection = _f.dislikeCollection,
-    errorDislikeCollection = _f.errorDislikeCollection;
-  var _g = useLikeCollection(),
-    likeCollection = _g.likeCollection,
-    errorLikeCollection = _g.errorLikeCollection;
-  var openAlert = useUiStore(function (state) {
-    return state.openAlert;
-  });
-  var _h = useRemoveAssetFromGalleryV2(),
-    removeAssetFromGallery = _h.removeAssetFromGallery,
-    errorRemoveAsset = _h.errorRemoveAsset;
-  var _j = useRemoveCollectionFromGalleryV2(),
-    removeCollectionFromGallery = _j.removeCollectionFromGallery,
-    errorRemoveCollection = _j.errorRemoveCollection;
-  useEffect(
-    function () {
-      if (
-        errorLikeAsset ||
-        errorDislikeAsset ||
-        errorDislikeCollection ||
-        errorLikeCollection ||
-        errorRemoveAsset ||
-        errorRemoveCollection
-      ) {
-        openAlert({
-          type: alertVariants.error,
-          caption: 'Oops, something went wrong.',
-          text: 'Please try another NFT',
-        });
-        setLikes({
-          likesCount: defaultLikesCount,
-          isLiked: false,
-        });
-        setIsLoading(false);
-      }
-    },
-    [
-      errorLikeAsset,
-      errorDislikeAsset,
-      errorDislikeCollection,
-      errorLikeCollection,
-      errorRemoveAsset,
-      errorRemoveCollection,
-    ]
-  );
-  var addLike = function (id) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setIsLoading(true);
-            if (!(itemType === LabelKeys.asset)) return [3 /*break*/, 2];
-            return [4 /*yield*/, likeAsset({ assetId: id })];
-          case 1:
-            _a.sent();
-            return [3 /*break*/, 4];
-          case 2:
-            if (!(itemType === LabelKeys.collection)) return [3 /*break*/, 4];
-            return [4 /*yield*/, likeCollection({ collectionId: id })];
-          case 3:
-            _a.sent();
-            _a.label = 4;
-          case 4:
-            if (!errorLikeAsset || !errorLikeCollection) {
-              setLikes({
-                likesCount: likes.likesCount + 1,
-                isLiked: true,
-              });
-            }
-            setIsLoading(false);
-            return [2 /*return*/];
+    var defaultLikesCount = _a.defaultLikesCount, defaultIsLiked = _a.defaultIsLiked, itemType = _a.itemType, removeOnDislike = _a.removeOnDislike, isLoadingLikes = _a.isLoadingLikes;
+    var _b = useState({
+        likesCount: defaultLikesCount,
+        isLiked: defaultIsLiked,
+    }), likes = _b[0], setLikes = _b[1];
+    useEffect(function () {
+        if (!isLoadingLikes) {
+            setLikes({
+                likesCount: defaultLikesCount,
+                isLiked: defaultIsLiked,
+            });
         }
-      });
-    });
-  };
-  var deleteLike = function (id) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setIsLoading(true);
-            if (!(itemType === LabelKeys.asset)) return [3 /*break*/, 4];
-            return [4 /*yield*/, dislikeAsset({ assetId: id })];
-          case 1:
-            _a.sent();
-            if (!(removeOnDislike && removeOnDislike.gallery))
-              return [3 /*break*/, 3];
-            return [
-              4 /*yield*/,
-              removeAssetFromGallery({
-                galleryId: removeOnDislike.gallery.getGalleryId(),
-                assetId: id,
-              }),
-            ];
-          case 2:
-            _a.sent();
-            removeOnDislike === null || removeOnDislike === void 0
-              ? void 0
-              : removeOnDislike.removeFn(itemType);
-            _a.label = 3;
-          case 3:
-            return [3 /*break*/, 7];
-          case 4:
-            if (!(itemType === LabelKeys.collection)) return [3 /*break*/, 7];
-            return [4 /*yield*/, dislikeCollection({ collectionId: id })];
-          case 5:
-            _a.sent();
-            if (!(removeOnDislike && removeOnDislike.gallery))
-              return [3 /*break*/, 7];
-            return [
-              4 /*yield*/,
-              removeCollectionFromGallery({
-                galleryId: removeOnDislike.gallery.getGalleryId(),
-                collectionId: id,
-              }),
-            ];
-          case 6:
-            _a.sent();
-            removeOnDislike === null || removeOnDislike === void 0
-              ? void 0
-              : removeOnDislike.removeFn(itemType);
-            _a.label = 7;
-          case 7:
-            if (!errorDislikeAsset || !errorDislikeCollection) {
-              setLikes({
-                likesCount: likes.likesCount - 1,
+    }, [isLoadingLikes]);
+    var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _d = useLikeAsset(), likeAsset = _d.likeAsset, errorLikeAsset = _d.errorLikeAsset;
+    var _e = useDisLikeAsset(), dislikeAsset = _e.dislikeAsset, errorDislikeAsset = _e.errorDislikeAsset;
+    var _f = useDislikeCollection(), dislikeCollection = _f.dislikeCollection, errorDislikeCollection = _f.errorDislikeCollection;
+    var _g = useLikeCollection(), likeCollection = _g.likeCollection, errorLikeCollection = _g.errorLikeCollection;
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _h = useRemoveAssetFromGalleryV2(), removeAssetFromGallery = _h.removeAssetFromGallery, errorRemoveAsset = _h.errorRemoveAsset;
+    var _j = useRemoveCollectionFromGalleryV2(), removeCollectionFromGallery = _j.removeCollectionFromGallery, errorRemoveCollection = _j.errorRemoveCollection;
+    useEffect(function () {
+        if (errorLikeAsset ||
+            errorDislikeAsset ||
+            errorDislikeCollection ||
+            errorLikeCollection ||
+            errorRemoveAsset ||
+            errorRemoveCollection) {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+                text: 'Please try another NFT',
+            });
+            setLikes({
+                likesCount: defaultLikesCount,
                 isLiked: false,
-              });
-            }
+            });
             setIsLoading(false);
-            return [2 /*return*/];
         }
-      });
-    });
-  };
-  return {
-    likes: likes,
-    addLike: addLike,
-    deleteLike: deleteLike,
-    isLoading: isLoading,
-  };
+    }, [
+        errorLikeAsset,
+        errorDislikeAsset,
+        errorDislikeCollection,
+        errorLikeCollection,
+        errorRemoveAsset,
+        errorRemoveCollection,
+    ]);
+    var addLike = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    if (!(itemType === LabelKeys.asset)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, likeAsset({ assetId: id })];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!(itemType === LabelKeys.collection)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, likeCollection({ collectionId: id })];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4:
+                    if (!errorLikeAsset || !errorLikeCollection) {
+                        setLikes({
+                            likesCount: likes.likesCount + 1,
+                            isLiked: true,
+                        });
+                    }
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var deleteLike = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    if (!(itemType === LabelKeys.asset)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, dislikeAsset({ assetId: id })];
+                case 1:
+                    _a.sent();
+                    if (!(removeOnDislike && removeOnDislike.gallery)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, removeAssetFromGallery({
+                            galleryId: removeOnDislike.gallery.getGalleryId(),
+                            assetId: id,
+                        })];
+                case 2:
+                    _a.sent();
+                    removeOnDislike === null || removeOnDislike === void 0 ? void 0 : removeOnDislike.removeFn(itemType);
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 7];
+                case 4:
+                    if (!(itemType === LabelKeys.collection)) return [3 /*break*/, 7];
+                    return [4 /*yield*/, dislikeCollection({ collectionId: id })];
+                case 5:
+                    _a.sent();
+                    if (!(removeOnDislike && removeOnDislike.gallery)) return [3 /*break*/, 7];
+                    return [4 /*yield*/, removeCollectionFromGallery({
+                            galleryId: removeOnDislike.gallery.getGalleryId(),
+                            collectionId: id,
+                        })];
+                case 6:
+                    _a.sent();
+                    removeOnDislike === null || removeOnDislike === void 0 ? void 0 : removeOnDislike.removeFn(itemType);
+                    _a.label = 7;
+                case 7:
+                    if (!errorDislikeAsset || !errorDislikeCollection) {
+                        setLikes({
+                            likesCount: likes.likesCount - 1,
+                            isLiked: false,
+                        });
+                    }
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return { likes: likes, addLike: addLike, deleteLike: deleteLike, isLoading: isLoading };
 };
 // Export
 export default useLikes;

package/dist/hooks/useToGalleryAsset/index.jsx

@@ -1,139 +1,95 @@
-import { useEffect } from 'react';
-
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-
-import { useUiStore } from '@/store/ui';
-
-import AddCreationToGallery from '@/components/gallery/add/addCreationToGallery';
-
-var __assign =
-  (this && this.__assign) ||
-  function () {
-    __assign =
-      Object.assign ||
-      function (t) {
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
         }
         return t;
-      };
+    };
     return __assign.apply(this, arguments);
-  };
-var __spreadArray =
-  (this && this.__spreadArray) ||
-  function (to, from, pack) {
-    if (pack || arguments.length === 2)
-      for (var i = 0, l = from.length, ar; i < l; i++) {
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
         }
-      }
+    }
     return to.concat(ar || Array.prototype.slice.call(from));
-  };
-
+};
+import { useEffect } from 'react';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+import { useUiStore } from '@/store/ui';
+import AddCreationToGallery from '@/components/gallery/add/addCreationToGallery';
 export var getIsActiveCreation = function (creations, creation) {
-  return !!creations.find(function (gCreation) {
-    return gCreation.getCreationId() === creation.getCreationId();
-  });
+    return !!creations.find(function (gCreation) { return gCreation.getCreationId() === creation.getCreationId(); });
 };
-export var useToGalleryStore = createWithEqualityFn()(function (
-  setState,
-  getState
-) {
-  return {
+export var useToGalleryStore = createWithEqualityFn()(function (setState, getState) { return ({
     isActiveGalleryMode: false,
     activateGalleryMode: function () {
-      setState({
-        isActiveGalleryMode: true,
-      });
+        setState({
+            isActiveGalleryMode: true,
+        });
     },
     disableGalleryMode: function () {
-      setState({
-        isActiveGalleryMode: false,
-      });
+        setState({
+            isActiveGalleryMode: false,
+        });
     },
     creationsToGallery: [],
     addCreationToGallery: function (creation) {
-      setState(function (prev) {
-        return __assign(__assign({}, prev), {
-          creationsToGallery: __spreadArray(
-            __spreadArray([], prev.creationsToGallery, true),
-            [creation],
-            false
-          ),
-        });
-      });
+        setState(function (prev) { return (__assign(__assign({}, prev), { creationsToGallery: __spreadArray(__spreadArray([], prev.creationsToGallery, true), [creation], false) })); });
     },
     removeCreationFromGallery: function (itemId) {
-      setState(function (prev) {
-        return __assign(__assign({}, prev), {
-          creationsToGallery: prev.creationsToGallery.filter(function (
-            pCreation
-          ) {
-            return pCreation.getCreationId() !== itemId;
-          }),
-        });
-      });
+        setState(function (prev) { return (__assign(__assign({}, prev), { creationsToGallery: prev.creationsToGallery.filter(function (pCreation) { return pCreation.getCreationId() !== itemId; }) })); });
     },
     removeCreationFromGalleryWithCallback: function (itemId, closeCallback) {
-      setState(function (prev) {
-        var newCreations = prev.creationsToGallery.filter(function (pCreation) {
-          return pCreation.getCreationId() !== itemId;
+        setState(function (prev) {
+            var newCreations = prev.creationsToGallery.filter(function (pCreation) { return pCreation.getCreationId() !== itemId; });
+            if (!newCreations.length) {
+                closeCallback();
+                return {
+                    creationsToGallery: newCreations,
+                    isActiveGalleryMode: false,
+                };
+            }
+            return {
+                creationsToGallery: newCreations,
+            };
         });
-        if (!newCreations.length) {
-          closeCallback();
-          return {
-            creationsToGallery: newCreations,
-            isActiveGalleryMode: false,
-          };
-        }
-        return {
-          creationsToGallery: newCreations,
-        };
-      });
     },
     toggleCreationToGallery: function (creation) {
-      var _a = getState(),
-        removeCreationFromGallery = _a.removeCreationFromGallery,
-        addCreationToGallery = _a.addCreationToGallery,
-        creationsToGallery = _a.creationsToGallery;
-      if (getIsActiveCreation(creationsToGallery, creation)) {
-        removeCreationFromGallery(creation.getCreationId());
-      } else {
-        addCreationToGallery(creation);
-      }
+        var _a = getState(), removeCreationFromGallery = _a.removeCreationFromGallery, addCreationToGallery = _a.addCreationToGallery, creationsToGallery = _a.creationsToGallery;
+        if (getIsActiveCreation(creationsToGallery, creation)) {
+            removeCreationFromGallery(creation.getCreationId());
+        }
+        else {
+            addCreationToGallery(creation);
+        }
     },
     resetCreationsInGallery: function () {
-      setState({
-        creationsToGallery: [],
-        isActiveGalleryMode: false,
-      });
+        setState({
+            creationsToGallery: [],
+            isActiveGalleryMode: false,
+        });
     },
-  };
-},
-shallow);
+}); }, shallow);
 export var useInitializeToGalleryAsset = function () {
-  var openModalSidebarPortal = useUiStore(function (state) {
-    return state.openModalSidebarPortal;
-  });
-  var resetCreationsInGallery = useToGalleryStore(function (state) {
-    return {
-      resetCreationsInGallery: state.resetCreationsInGallery,
+    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
+    var resetCreationsInGallery = useToGalleryStore(function (state) { return ({
+        resetCreationsInGallery: state.resetCreationsInGallery,
+    }); }).resetCreationsInGallery;
+    useEffect(function () {
+        return function () {
+            resetCreationsInGallery();
+        };
+    }, []);
+    var handleAddToGallery = function () {
+        openModalSidebarPortal(<AddCreationToGallery />);
     };
-  }).resetCreationsInGallery;
-  useEffect(function () {
-    return function () {
-      resetCreationsInGallery();
+    return {
+        handleAddToGallery: handleAddToGallery,
     };
-  }, []);
-  var handleAddToGallery = function () {
-    openModalSidebarPortal(<AddCreationToGallery />);
-  };
-  return {
-    handleAddToGallery: handleAddToGallery,
-  };
 };