From ce9e91bad1754051d3e9cec04ac1f9fa0f2f6c9f Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Sun, 12 Apr 2026 15:19:20 +0200
Subject: [PATCH] feat: add Edit button to each row in Missing Data view

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.tsx                        |  1 +
 src/components/MissingDataView.tsx | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 959c83d..f074ee6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -566,6 +566,7 @@ export default function App() {
                 <MissingDataView
                   data={appState.data}
                   headers={appState.headers}
+                  onEdit={(index) => setEditingRowIndex(index)}
                 />
               )}
               {activeModule === 'history' && (
diff --git a/src/components/MissingDataView.tsx b/src/components/MissingDataView.tsx
index bae55a1..009ba25 100644
--- a/src/components/MissingDataView.tsx
+++ b/src/components/MissingDataView.tsx
@@ -1,11 +1,12 @@
 import React, { useState, useMemo } from 'react';
 import { ExcelRow, COLUMNS } from '../types';
-import { Search, ChevronDown, ChevronUp, X } from 'lucide-react';
+import { Search, ChevronDown, ChevronUp, X, Edit2 } from 'lucide-react';
 import { cn } from '../lib/utils';
 
 interface MissingDataViewProps {
   data: ExcelRow[];
   headers: string[];
+  onEdit: (index: number) => void;
 }
 
 function formatDateValue(val: any): string {
@@ -40,7 +41,7 @@ function isEmptyOrEpoch(val: any): boolean {
 
 type TabType = 'missingClass' | 'missingLaunch';
 
-export function MissingDataView({ data, headers }: MissingDataViewProps) {
+export function MissingDataView({ data, headers, onEdit }: MissingDataViewProps) {
   const [activeTab, setActiveTab] = useState<TabType>('missingClass');
   const [search, setSearch] = useState('');
   const [sortCol, setSortCol] = useState<number | null>(null);
@@ -185,6 +186,7 @@ export function MissingDataView({ data, headers }: MissingDataViewProps) {
                     </span>
                   </th>
                 ))}
+                <th className="px-3 py-3 font-medium text-right" style={{ width: 60 }}></th>
               </tr>
             </thead>
             <tbody className="divide-y divide-slate-700/30">
@@ -228,6 +230,14 @@ export function MissingDataView({ data, headers }: MissingDataViewProps) {
                       )}
                     </td>
                   )}
+                  <td className="px-3 py-2 text-right" style={{ width: 60 }}>
+                    <button
+                      onClick={() => onEdit(index)}
+                      className="p-1.5 text-slate-500 hover:text-indigo-400 hover:bg-indigo-400/10 rounded transition-colors"
+                    >
+                      <Edit2 className="w-4 h-4" />
+                    </button>
+                  </td>
                 </tr>
               ))}
               {paginatedData.length === 0 && (