vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-07 04:20:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

make item card navigation conditional on list state

Browse Source
This commit is contained in:
jeffvli
2025-11-19 22:41:33 -08:00
parent 1a4c909cc3
commit c25c339feb
1 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-card/item-card.tsx
+27 -3
View File
@@ -208,6 +208,12 @@ const CompactItemCard = ({
handleClick(e as any);
};
const handleLinkDragStart = (e: React.DragEvent<HTMLAnchorElement>) => {
// Prevent default browser link drag behavior to allow custom drag and drop
e.preventDefault();
e.stopPropagation();
};
const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound,
});
@@ -257,11 +263,13 @@ const CompactItemCard = ({
[styles.selected]: isSelected,
})}
>
{navigationPath ? (
{navigationPath && !internalState ? (
<Link
className={imageContainerClassName}
draggable={false}
onClick={handleImageClick}
onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
to={navigationPath}
@@ -400,6 +408,12 @@ const DefaultItemCard = ({
handleClick(e as any);
};
const handleLinkDragStart = (e: React.DragEvent<HTMLAnchorElement>) => {
// Prevent default browser link drag behavior to allow custom drag and drop
e.preventDefault();
e.stopPropagation();
};
const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound,
});
@@ -433,11 +447,13 @@ const DefaultItemCard = ({
[styles.selected]: isSelected,
})}
>
{navigationPath ? (
{navigationPath && !internalState ? (
<Link
className={imageContainerClassName}
draggable={false}
onClick={handleImageClick}
onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
to={navigationPath}
@@ -637,6 +653,12 @@ const PosterItemCard = ({
handleClick(e as any);
};
const handleLinkDragStart = (e: React.DragEvent<HTMLAnchorElement>) => {
// Prevent default browser link drag behavior to allow custom drag and drop
e.preventDefault();
e.stopPropagation();
};
const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound,
});
@@ -673,11 +695,13 @@ const PosterItemCard = ({
})}
ref={ref}
>
{navigationPath ? (
{navigationPath && !internalState ? (
<Link
className={imageContainerClassName}
draggable={false}
onClick={handleImageClick}
onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
to={navigationPath}