correctly pass urlPath to FeedItem, rather than using liveUrl sin…

…ce that is prefixed by hostname etc.

fronts-client/src/components/feed/ArticleFeedItem.tsx

@@ -60,6 +60,7 @@ const ArticleFeedItemComponent = ({
  type={CardTypesMap.ARTICLE}
  id={article.id}
  title={article.webTitle}
+ urlPath={article.urlPath}
  liveUrl={getPaths(article.id).live}
  thumbnail={getThumbnail(article.frontsMeta.defaults, article)}
  scheduledPublicationDate={article.fields.scheduledPublicationDate}

fronts-client/src/components/feed/ChefFeedItem.tsx

@@ -41,6 +41,7 @@ export const ChefFeedItemComponent = ({
  title={chef.internalName}
  hasVideo={false}
  isLive={true}
+ urlPath={chef.apiUrl}
  liveUrl={`https://theguardian.com/${chef.apiUrl}`}
  thumbnail={chef.bylineLargeImageUrl}
  onAddToClipboard={onAddToClipboard}

fronts-client/src/components/feed/FeedItem.tsx

@@ -111,6 +111,7 @@ interface FeedItemProps {
  id: string;
  type: CardTypes;
  title: string;
+ urlPath: string;
  liveUrl?: string;
  metaContent?: JSX.Element;
  scheduledPublicationDate?: string;
@@ -138,6 +139,7 @@ export class FeedItem extends React.Component<FeedItemProps, {}> {
  id,
  type,
  title,
+ urlPath,
  liveUrl,
  isLive,
  metaContent,
@@ -220,7 +222,7 @@ export class FeedItem extends React.Component<FeedItemProps, {}> {
  <HoverActionsButtonWrapper
  toolTipPosition={'top'}
  toolTipAlign={'right'}
- urlPath={liveUrl}
+ urlPath={urlPath}
  renderButtons={(props) => (
  <>
  <HoverViewButton hoverText="View" href={href} {...props} />

fronts-client/src/components/feed/RecipeFeedItem.tsx

@@ -39,6 +39,7 @@ export const RecipeFeedItem = ({ id }: ComponentProps) => {
  id={recipe.canonicalArticle}
  title={recipe.title}
  thumbnail={recipe.previewImage?.url ?? recipe.featuredImage?.url ?? ''}
+ urlPath={recipe.canonicalArticle}
  liveUrl={`https://theguardian.com/${recipe.canonicalArticle}`}
  hasVideo={false}
  isLive={true} // We do not yet serve preview recipes