vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +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); 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, { const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound, [styles.isRound]: isRound,
}); });
@@ -257,11 +263,13 @@ const CompactItemCard = ({
[styles.selected]: isSelected, [styles.selected]: isSelected,
})} })}
> >
{navigationPath ? ( {navigationPath && !internalState ? (
<Link <Link
className={imageContainerClassName} className={imageContainerClassName}
draggable={false}
onClick={handleImageClick} onClick={handleImageClick}
onContextMenu={handleContextMenu} onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
to={navigationPath} to={navigationPath}
@@ -400,6 +408,12 @@ const DefaultItemCard = ({
handleClick(e as any); 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, { const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound, [styles.isRound]: isRound,
}); });
@@ -433,11 +447,13 @@ const DefaultItemCard = ({
[styles.selected]: isSelected, [styles.selected]: isSelected,
})} })}
> >
{navigationPath ? ( {navigationPath && !internalState ? (
<Link <Link
className={imageContainerClassName} className={imageContainerClassName}
draggable={false}
onClick={handleImageClick} onClick={handleImageClick}
onContextMenu={handleContextMenu} onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
to={navigationPath} to={navigationPath}
@@ -637,6 +653,12 @@ const PosterItemCard = ({
handleClick(e as any); 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, { const imageContainerClassName = clsx(styles.imageContainer, {
[styles.isRound]: isRound, [styles.isRound]: isRound,
}); });
@@ -673,11 +695,13 @@ const PosterItemCard = ({
})} })}
ref={ref} ref={ref}
> >
{navigationPath ? ( {navigationPath && !internalState ? (
<Link <Link
className={imageContainerClassName} className={imageContainerClassName}
draggable={false}
onClick={handleImageClick} onClick={handleImageClick}
onContextMenu={handleContextMenu} onContextMenu={handleContextMenu}
onDragStart={handleLinkDragStart}
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
to={navigationPath} to={navigationPath}