Add Updated column

x-pack/plugins/security_solution/public/siem_migrations/rules/components/rules_table_columns/index.tsx

@@ -12,3 +12,4 @@ export * from './name';
 export * from './risk_score';
 export * from './severity';
 export * from './status';
+export * from './updated';

x-pack/plugins/security_solution/public/siem_migrations/rules/components/rules_table_columns/translations.ts

@@ -69,3 +69,10 @@ export const COLUMN_SEVERITY = i18n.translate(
     defaultMessage: 'Severity',
   }
 );
+
+export const COLUMN_UPDATED = i18n.translate(
+  'xpack.securitySolution.siemMigrations.rules.tableColumn.updatedLabel',
+  {
+    defaultMessage: 'Updated',
+  }
+);

x-pack/plugins/security_solution/public/siem_migrations/rules/components/rules_table_columns/updated.tsx

@@ -0,0 +1,26 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { FormattedRelativePreferenceDate } from '../../../../common/components/formatted_date';
+import type { RuleMigration } from '../../../../../common/siem_migrations/model/rule_migration.gen';
+import * as i18n from './translations';
+import type { TableColumn } from './constants';
+
+export const createUpdatedColumn = (): TableColumn => {
+  return {
+    field: 'updated_at',
+    name: i18n.COLUMN_UPDATED,
+    render: (value: RuleMigration['updated_at']) => (
+      <FormattedRelativePreferenceDate value={value} dateFormat="M/D/YY" />
+    ),
+    sortable: true,
+    truncateText: false,
+    align: 'center',
+    width: '10%',
+  };
+};

x-pack/plugins/security_solution/public/siem_migrations/rules/hooks/use_rules_table_columns.tsx

@@ -14,6 +14,7 @@ import {
   createRiskScoreColumn,
   createSeverityColumn,
   createStatusColumn,
+  createUpdatedColumn,
 } from '../components/rules_table_columns';
 
 export const useRulesTableColumns = ({
@@ -27,6 +28,7 @@ export const useRulesTableColumns = ({
 }): TableColumn[] => {
   return useMemo(
     () => [
+      createUpdatedColumn(),
       createNameColumn({ openMigrationRulePreview }),
       createStatusColumn(),
       createRiskScoreColumn(),