From 0037309e4f4d1be884a162b6f99f0f11864e1a8a Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Tue, 21 Apr 2026 10:15:24 +0200
Subject: [PATCH] chore(alerts/ui): remove obsolete AlertRow.tsx

The feed-row component is replaced by DataTable column renderers and
the shared renderAlertExpanded content renderer. No callers remain.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Alerts/AlertRow.tsx | 48 --------------------------------
 1 file changed, 48 deletions(-)
 delete mode 100644 ui/src/pages/Alerts/AlertRow.tsx

diff --git a/ui/src/pages/Alerts/AlertRow.tsx b/ui/src/pages/Alerts/AlertRow.tsx
deleted file mode 100644
index 9f23c9bd..00000000
--- a/ui/src/pages/Alerts/AlertRow.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Link } from 'react-router';
-import { Button, useToast } from '@cameleer/design-system';
-import { AlertStateChip } from '../../components/AlertStateChip';
-import { SeverityBadge } from '../../components/SeverityBadge';
-import type { AlertDto } from '../../api/queries/alerts';
-import { useAckAlert, useMarkAlertRead } from '../../api/queries/alerts';
-import css from './alerts-page.module.css';
-
-export function AlertRow({ alert, unread }: { alert: AlertDto; unread: boolean }) {
-  const ack = useAckAlert();
-  const markRead = useMarkAlertRead();
-  const { toast } = useToast();
-
-  const onAck = async () => {
-    try {
-      await ack.mutateAsync(alert.id);
-      toast({ title: 'Acknowledged', description: alert.title, variant: 'success' });
-    } catch (e) {
-      toast({ title: 'Ack failed', description: String(e), variant: 'error' });
-    }
-  };
-
-  return (
-    <div
-      className={`${css.row} ${unread ? css.rowUnread : ''}`}
-      data-testid={`alert-row-${alert.id}`}
-    >
-      <SeverityBadge severity={alert.severity} />
-      <div className={css.body}>
-        <Link to={`/alerts/inbox/${alert.id}`} onClick={() => markRead.mutate(alert.id)}>
-          <strong>{alert.title}</strong>
-        </Link>
-        <div className={css.meta}>
-          <AlertStateChip state={alert.state} silenced={alert.silenced} />
-          <span className={css.time}>{alert.firedAt}</span>
-        </div>
-        <p className={css.message}>{alert.message}</p>
-      </div>
-      <div className={css.actions}>
-        {alert.state === 'FIRING' && (
-          <Button size="sm" variant="secondary" onClick={onAck} disabled={ack.isPending}>
-            Ack
-          </Button>
-        )}
-      </div>
-    </div>
-  );
-}