Forms: render badges in unread/read column when visible (#45931)

Author: simison

projects/packages/forms/changelog/update-forms-unread-status-column

@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+Forms: render badges in unread/read column when visible

projects/packages/forms/src/dashboard/inbox/dataviews/index.js

@@ -2,6 +2,7 @@
  * External dependencies
  */
 import jetpackAnalytics from '@automattic/jetpack-analytics';
+import { Badge } from '@automattic/ui';
 import {
 	ExternalLink,
 	// eslint-disable-next-line @wordpress/no-unsafe-wp-apis
@@ -352,13 +353,20 @@ export default function InboxView() {
 			},
 			{
 				id: 'read_status',
-				label: __( 'Read status', 'jetpack-forms' ),
+				label: __( 'Status', 'jetpack-forms' ),
 				elements: [
 					{ label: __( 'Unread', 'jetpack-forms' ), value: 'unread' },
 					{ label: __( 'Read', 'jetpack-forms' ), value: 'read' },
 				],
 				filterBy: { operators: [ 'is' ] },
 				enableSorting: false,
+				render: ( { item } ) => {
+					return (
+						<Badge intent="default">
+							{ item.is_unread ? __( 'Unread', 'jetpack-forms' ) : __( 'Read', 'jetpack-forms' ) }
+						</Badge>
+					);
+				},
 			},
 			{
 				id: 'ip',