From 1d176f281775592541a027eee0d59513854052e9 Mon Sep 17 00:00:00 2001
From: Alvaro Bautista <67112345+alvrba@users.noreply.github.com>
Date: Fri, 5 Aug 2022 21:03:25 +0200
Subject: [PATCH] fix: solve Thumbnail visualization

---
 src/components/common/UserSwitchWrapper.js |  3 ++-
 src/components/main/Item.js                | 20 ++++++++++----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/common/UserSwitchWrapper.js b/src/components/common/UserSwitchWrapper.js
index 81f3c50cb..0d5e320f9 100644
--- a/src/components/common/UserSwitchWrapper.js
+++ b/src/components/common/UserSwitchWrapper.js
@@ -27,7 +27,8 @@ const UserSwitchWrapper = ({ ButtonContent }) => {
   const { t } = useTranslation();
   const { mutateAsync: signOut } = useMutation(MUTATION_KEYS.SIGN_OUT);
   const { mutate: switchMember } = useMutation(MUTATION_KEYS.SWITCH_MEMBER);
-
+  console.log('MMM');
+  console.log(member);
   return (
     <>
       <GraaspUserSwitch
diff --git a/src/components/main/Item.js b/src/components/main/Item.js
index 502346b8d..dcd9cd795 100644
--- a/src/components/main/Item.js
+++ b/src/components/main/Item.js
@@ -47,16 +47,16 @@ const Item = ({ item, memberships }) => {
   const { id, name, description, extra } = item;
   const { t } = useTranslation();
 
-  const ThumbnailComponent = Thumbnail({
-    id: item.id,
-    extra,
-    // maxWidth: 30,
-    // maxHeight: 30,
-    alt: t('thumbnail'),
-    defaultImage: DEFAULT_IMAGE_SRC,
-    useThumbnail: hooks.useItemThumbnail,
-    className: classes.thumbnail,
-  });
+  const ThumbnailComponent = (
+    <Thumbnail
+      id={item.id}
+      extra
+      alt={t('thumbnail')}
+      defaultImage={DEFAULT_IMAGE_SRC}
+      useThumbnail={hooks.useItemThumbnail}
+      className={classes.thumbnail}
+    />
+  );
 
   const { data: member } = useContext(CurrentUserContext);
   const enableEdition = isItemUpdateAllowedForUser({