diff --git a/src/components/primitives/EntityLink.tsx b/src/components/primitives/EntityLink.tsx index 8e5c7a10..bedc0a79 100644 --- a/src/components/primitives/EntityLink.tsx +++ b/src/components/primitives/EntityLink.tsx @@ -30,7 +30,7 @@ export default function EntityLink({ href = '', // Make link optional for debugging purposes prefetch, title, - accessory, + action, hoverEntity, truncate = true, className, @@ -45,7 +45,7 @@ export default function EntityLink({ href?: string prefetch?: boolean title?: string - accessory?: ReactNode + action?: ReactNode hoverEntity?: ReactNode truncate?: boolean className?: string @@ -79,6 +79,7 @@ export default function EntityLink({ className={clsx( 'inline-flex items-center gap-2', 'max-w-full overflow-hidden select-none', + // Underline link text when action is hovered '[&:has(.action:hover)_a>*>*>*]:underline', className, )} @@ -126,9 +127,9 @@ export default function EntityLink({ } - {accessory && + {action && - {accessory} + {action} } {!isLoading && hoverEntity !== undefined && diff --git a/src/recipe/PhotoRecipe.tsx b/src/recipe/PhotoRecipe.tsx index e93aa23b..31bb9a0d 100644 --- a/src/recipe/PhotoRecipe.tsx +++ b/src/recipe/PhotoRecipe.tsx @@ -35,7 +35,7 @@ export default function PhotoRecipe({ : 'translate-y-[-0.5px]', )} />} - accessory={toggleRecipeOverlay && + action={toggleRecipeOverlay &&