diff --git a/fronts-client/src/components/feed/FeedItem.tsx b/fronts-client/src/components/feed/FeedItem.tsx index d3c1994172..3371851bf5 100644 --- a/fronts-client/src/components/feed/FeedItem.tsx +++ b/fronts-client/src/components/feed/FeedItem.tsx @@ -126,6 +126,7 @@ interface FeedItemProps { ) => void; shouldObscureFeed?: boolean; byline?: string; + noPinboard?: boolean; } export class FeedItem extends React.Component { @@ -151,6 +152,7 @@ export class FeedItem extends React.Component { hasVideo, handleDragStart, byline, + noPinboard, } = this.props; const { preview, live, ophan } = getPaths(id); @@ -229,6 +231,7 @@ export class FeedItem extends React.Component { toolTipPosition={'top'} toolTipAlign={'right'} urlPath={liveUrl} + noPinboard={noPinboard} renderButtons={(props) => ( <> diff --git a/fronts-client/src/components/feed/RecipeFeedItem.tsx b/fronts-client/src/components/feed/RecipeFeedItem.tsx index f4896de3ed..f38d3fe77b 100644 --- a/fronts-client/src/components/feed/RecipeFeedItem.tsx +++ b/fronts-client/src/components/feed/RecipeFeedItem.tsx @@ -57,6 +57,7 @@ export const RecipeFeedItem = ({ id, showTimes }: ComponentProps) => { handleDragStart={handleDragStartForCard(CardTypesMap.RECIPE, recipe)} onAddToClipboard={onAddToClipboard} shouldObscureFeed={shouldObscureFeed} + hidePinboard={true} bodyContent={ <> {recipe.title} diff --git a/fronts-client/src/components/inputs/HoverActionButtonWrapper.tsx b/fronts-client/src/components/inputs/HoverActionButtonWrapper.tsx index bcd51fd5e6..a3b02a60a7 100644 --- a/fronts-client/src/components/inputs/HoverActionButtonWrapper.tsx +++ b/fronts-client/src/components/inputs/HoverActionButtonWrapper.tsx @@ -45,6 +45,7 @@ interface WrapperProps { toolTipAlign: 'left' | 'center' | 'right'; urlPath: string | undefined; renderButtons: (renderProps: ButtonProps) => JSX.Element; + noPinboard?: boolean; } export const HoverActionsButtonWrapper = ({ @@ -53,6 +54,7 @@ export const HoverActionsButtonWrapper = ({ size, urlPath, renderButtons, + noPinboard, }: WrapperProps) => { const [toolTipText, setToolTipText] = useState(undefined); @@ -79,7 +81,7 @@ export const HoverActionsButtonWrapper = ({ hideToolTip, size, })} - {urlPath && ( + {urlPath && !noPinboard && ( // the below tag is empty and meaningless to the fronts tool itself, but serves as a handle for // Pinboard to attach itself via, identified/distinguished by the urlPath data attribute // @ts-ignore