hide pinboard buttons for recipes

guardian · Oct 18, 2024 · 45377a0 · 45377a0
1 parent 5db0891
commit 45377a0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git 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<FeedItemProps, {}> {
@@ -151,6 +152,7 @@ export class FeedItem extends React.Component<FeedItemProps, {}> {
  hasVideo,
  handleDragStart,
  byline,
+ noPinboard,
  } = this.props;
 
  const { preview, live, ophan } = getPaths(id);
@@ -229,6 +231,7 @@ export class FeedItem extends React.Component<FeedItemProps, {}> {
  toolTipPosition={'top'}
  toolTipAlign={'right'}
  urlPath={liveUrl}
+ noPinboard={noPinboard}
  renderButtons={(props) => (
  <>
  <HoverViewButton hoverText="View" href={href} {...props} />

diff --git 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}
+ noPinboard={true}
  bodyContent={
  <>
  <FeedItemTitle>{recipe.title}</FeedItemTitle>

diff --git 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<string | undefined>(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