Display expiry date on Preview and Detail View for a segment of a TV/radio transcript

assets/wire/components/PreviewMeta.tsx

@@ -8,6 +8,7 @@ const DEFAULT_META_FIELDS = [
     'source',
     ['charcount', 'wordcount'],
     'previous_versions',
+    'expiry',
 ];
 
 function PreviewMeta({

assets/wire/components/fields/ExpiryDateLabel.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {gettext, formatDate} from 'utils';
+
+export function ExpiryDateLabel ({item, filterGroupLabels}: any) {
+    if (item.expiry == null) {
+        return null;
+    }
+
+    const label = filterGroupLabels?.expiry ?? gettext('Expiry Date');
+    const value = formatDate(item.expiry);
+    const text = label + ': ' + value;
+
+    return (
+        <span>{text}</span>
+    );
+}
+
+ExpiryDateLabel.propTypes = {
+    item: PropTypes.object,
+    filterGroupLabels: PropTypes.object,
+};

assets/wire/components/fields/index.tsx

@@ -7,6 +7,7 @@ import {PreviousVersions} from './PreviousVersions';
 import {Embargo} from './Embargo';
 import {VersionCreated} from './VersionCreated';
 import {VersionType} from './VersionType';
+import {ExpiryDateLabel} from './ExpiryDateLabel';
 
 const ALLOWED_SEPARATORS = ['/', '//', '-'];
 const SEPARATOR_KEY = 'separator';
@@ -19,6 +20,7 @@ const MAP_FIELD_TO_COMPONENT: any = {
     previous_versions: PreviousVersions,
     embargo: Embargo,
     versioncreated: VersionCreated,
+    expiry: ExpiryDateLabel,
 };
 
 // Example config: