Merge pull request #2034 from navikt/publishing-calendar-entry-link

Lenker i publiseringskalender

Author: anders-nom

src/components/parts/_legacy/publishing-calendar/PublishingCalendarEntryLegacyPart.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Table, BodyLong } from '@navikt/ds-react';
 import { PublishingCalendarEntryProps } from 'types/content-props/publishing-calendar-props';
 import { ContentProps, ContentType } from 'types/content-props/_content-common';
+import { LenkeInline } from 'components/_common/lenke/LenkeInline';
 
 // eslint-disable-next-line css-modules/no-unused-class
 import style from './PublishingCalendar.module.scss';
@@ -12,6 +13,7 @@ interface PublishingCalendarEntryData {
     publDate: Date;
     day: string;
     month: string;
+    link?: string;
 }
 
 const monthShortName = [
@@ -47,6 +49,7 @@ const processEntry = (item: PublishingCalendarEntryProps): PublishingCalendarEnt
         publDate,
         day: publDate.getDate().toString() + '.',
         month: monthShortName[publDate.getMonth()],
+        link: item.data.link?._path,
     };
 };
 
@@ -56,6 +59,7 @@ export const PublishingCalendarEntryLegacyPart = (props: ContentProps) => {
     }
 
     const entry = processEntry(props);
+
     return (
         <Table.Row>
             <Table.DataCell>
@@ -66,7 +70,11 @@ export const PublishingCalendarEntryLegacyPart = (props: ContentProps) => {
             </Table.DataCell>
             <Table.DataCell>
                 <BodyLong className={style.dateInfo}>{entry.period}</BodyLong>
-                <BodyLong>{entry.displayName}</BodyLong>
+                {entry.link ? (
+                    <LenkeInline href={entry.link}>{entry.displayName}</LenkeInline>
+                ) : (
+                    <BodyLong>{entry.displayName}</BodyLong>
+                )}
             </Table.DataCell>
         </Table.Row>
     );

src/types/content-props/publishing-calendar-props.ts

@@ -6,6 +6,9 @@ export type PublishingCalendarEntryProps = ContentCommonProps & {
     data: {
         date: string;
         period: string;
+        link?: {
+            _path: string;
+        };
     };
 };