From dccf86c491cd85c3e2a9427e72836e6e2e78cb19 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 16 Sep 2022 07:25:19 +0100
Subject: [PATCH] fix: Hide membership preview on mobile

---
 app/scenes/Collection/MembershipPreview.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/scenes/Collection/MembershipPreview.tsx b/app/scenes/Collection/MembershipPreview.tsx
index 62e8cce3b..36f08b533 100644
--- a/app/scenes/Collection/MembershipPreview.tsx
+++ b/app/scenes/Collection/MembershipPreview.tsx
@@ -12,6 +12,7 @@ import Fade from "~/components/Fade";
 import NudeButton from "~/components/NudeButton";
 import { editCollectionPermissions } from "~/actions/definitions/collections";
 import useActionContext from "~/hooks/useActionContext";
+import useMobile from "~/hooks/useMobile";
 import useStores from "~/hooks/useStores";
 
 type Props = {
@@ -27,10 +28,11 @@ const MembershipPreview = ({ collection, limit = 8 }: Props) => {
   const { memberships, collectionGroupMemberships, users } = useStores();
   const collectionUsers = users.inCollection(collection.id);
   const context = useActionContext();
+  const isMobile = useMobile();
 
   React.useEffect(() => {
     const fetchData = async () => {
-      if (collection.permission) {
+      if (collection.permission || isMobile) {
         return;
       }
       setIsLoading(true);
@@ -53,6 +55,7 @@ const MembershipPreview = ({ collection, limit = 8 }: Props) => {
 
     fetchData();
   }, [
+    isMobile,
     collection.permission,
     collection.id,
     collectionGroupMemberships,
@@ -60,7 +63,7 @@ const MembershipPreview = ({ collection, limit = 8 }: Props) => {
     limit,
   ]);
 
-  if (isLoading || collection.permission) {
+  if (isLoading || collection.permission || isMobile) {
     return null;
   }