diff --git a/components/LinkViews/LinkCard.tsx b/components/LinkViews/LinkCard.tsx index 8f5535c..6f2d6cd 100644 --- a/components/LinkViews/LinkCard.tsx +++ b/components/LinkViews/LinkCard.tsx @@ -103,9 +103,6 @@ export default function LinkCard({ link, flipDropdown, editMode }: Props) { editMode && (permissions === true || permissions?.canCreate || permissions?.canDelete); - // const unselectableStyle = - // editMode && !selectable ? "pointer-events-none" : ""; - return (
selectable ? handleCheckboxClick(link) - : toast.error( - "You don't have permission to edit or delete this item." - ) + : editMode + ? toast.error( + "You don't have permission to edit or delete this item." + ) + : undefined } > {!editMode ? ( diff --git a/components/LinkViews/LinkList.tsx b/components/LinkViews/LinkList.tsx index 4175827..bc91bd0 100644 --- a/components/LinkViews/LinkList.tsx +++ b/components/LinkViews/LinkList.tsx @@ -15,6 +15,7 @@ import { isPWA } from "@/lib/client/utils"; import { generateLinkHref } from "@/lib/client/generateLinkHref"; import useAccountStore from "@/store/account"; import usePermissions from "@/hooks/usePermissions"; +import toast from "react-hot-toast"; type Props = { link: LinkIncludingShortenedCollectionAndTags; @@ -92,7 +93,15 @@ export default function LinkCardCompact({ className={`${selectedStyle} border relative items-center flex ${ !showInfo && !isPWA() ? "hover:bg-base-300 p-3" : "py-3" } duration-200 rounded-lg`} - onClick={() => selectable && handleCheckboxClick(link)} + onClick={() => + selectable + ? handleCheckboxClick(link) + : editMode + ? toast.error( + "You don't have permission to edit or delete this item." + ) + : undefined + } > {/* {showCheckbox && editMode &&