+
+ {ingestData.environment}
+
+
+ {ingestData.status.id}
+
+
+);
+
+export default IngestTags;
diff --git a/monitoring/ingest_inspector/frontend/src/app/components/RecentIngests.tsx b/monitoring/ingest_inspector/frontend/src/app/components/RecentIngests.tsx
new file mode 100644
index 000000000..38c97b1e2
--- /dev/null
+++ b/monitoring/ingest_inspector/frontend/src/app/components/RecentIngests.tsx
@@ -0,0 +1,78 @@
+import Link from "next/link";
+import { IngestData } from "@/app/types";
+import cx from "classnames";
+import { useEffect, useState } from "react";
+import IngestTags from "@/app/components/IngestTags";
+
+export const getRecentIngests = (): Array