import { useEffect, useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { Dialog, DialogTrigger, DialogContent } from "@/components/ui/dialog"; export default function LegacyLensScanner() { const [dataSet, setDataSet] = useState([]); const [filter, setFilter] = useState(""); const [report, setReport] = useState(""); useEffect(() => { fetch("/data/image_metadata_index.json") .then(res => res.json()) .then(data => setDataSet(data)); }, []); const filteredData = dataSet.filter(d => d.Tags.some(t => t.toLowerCase().includes(filter.toLowerCase())) || d.User.toLowerCase().includes(filter.toLowerCase()) || d.Project.toLowerCase().includes(filter.toLowerCase()) ); const generateLegacyReport = () => { const analysis = filteredData.map((entry, i) => { return `\n[${i + 1}] Project: ${entry.Project}\nUser: ${

{ fetch("/data/image_metadata_index.json") .then(res => res.json()) .then(data => setDataSet(data)); }, []); const filteredData = dataSet.filter(d => d.Tags.some(t => t.toLowerCase().includes(filter.toLowerCase())) || d.User.toLowerCase().includes(filter.toLowerCase()) || d.Project.toLowerCase().includes(filter.toLowerCase()) ); const generateLegacyReport = () => { const analysis = filteredData.map((entry, i) => { return `\n[${i + 1}] Project: ${entry.Project}\nUser: ${ | Notion"> { fetch("/data/image_metadata_index.json") .then(res => res.json()) .then(data => setDataSet(data)); }, []); const filteredData = dataSet.filter(d => d.Tags.some(t => t.toLowerCase().includes(filter.toLowerCase())) || d.User.toLowerCase().includes(filter.toLowerCase()) || d.Project.toLowerCase().includes(filter.toLowerCase()) ); const generateLegacyReport = () => { const analysis = filteredData.map((entry, i) => { return `\n[${i + 1}] Project: ${entry.Project}\nUser: ${ | Notion">