diff --git a/app/scenes/Collection/components/ShareButton.tsx b/app/scenes/Collection/components/ShareButton.tsx index f4767e611..bf1d95b8f 100644 --- a/app/scenes/Collection/components/ShareButton.tsx +++ b/app/scenes/Collection/components/ShareButton.tsx @@ -8,6 +8,7 @@ import Button from "~/components/Button"; import Popover from "~/components/Popover"; import SharePopover from "~/components/Sharing/Collection/SharePopover"; import useCurrentTeam from "~/hooks/useCurrentTeam"; +import useMobile from "~/hooks/useMobile"; import useStores from "~/hooks/useStores"; type Props = { @@ -28,6 +29,10 @@ function ShareButton({ collection }: Props) { placement: "bottom-end", unstable_fixed: true, }); + const isMobile = useMobile(); + if (isMobile) { + return null; + } const icon = isPubliclyShared ? ( diff --git a/app/scenes/Document/components/Header.tsx b/app/scenes/Document/components/Header.tsx index bb0dcc715..324c9beb0 100644 --- a/app/scenes/Document/components/Header.tsx +++ b/app/scenes/Document/components/Header.tsx @@ -259,7 +259,7 @@ function DocumentHeader({ /> )} - {!isEditing && !isRevision && !isMobile && can.update && ( + {!isEditing && !isRevision && can.update && ( diff --git a/app/scenes/Document/components/ShareButton.tsx b/app/scenes/Document/components/ShareButton.tsx index f28b1e57e..c166d8299 100644 --- a/app/scenes/Document/components/ShareButton.tsx +++ b/app/scenes/Document/components/ShareButton.tsx @@ -8,6 +8,7 @@ import Button from "~/components/Button"; import Popover from "~/components/Popover"; import SharePopover from "~/components/Sharing/Document"; import useCurrentTeam from "~/hooks/useCurrentTeam"; +import useMobile from "~/hooks/useMobile"; import useStores from "~/hooks/useStores"; type Props = { @@ -33,6 +34,11 @@ function ShareButton({ document }: Props) { unstable_fixed: true, }); + const isMobile = useMobile(); + if (isMobile) { + return null; + } + const icon = isPubliclyShared ? : undefined; return (