vmi-virtual-memorial/vmi-wd-frontend / 44c9250

   const [error, setError] = useState<string | null>(null);

   const [expandedConflicts, setExpandedConflicts] = useState<Set<number>>(new Set());

   const [sortBy, setSortBy] = useState<'alphabetical' | 'class_year'>('alphabetical');

   useEffect(() => {

     async function fetchData() {

         setConflicts(data);

         // By default, expand conflicts with casualties (only on first load)

           const defaultExpanded = new Set<number>(

             data.filter((c: ConflictWithCasualties) => c.casualty_count > 0).map((c: ConflictWithCasualties) => c.id)

           );

           setExpandedConflicts(defaultExpanded);

         }

       } catch (err) {

         setError(err instanceof Error ? err.message : 'Failed to load data');

     }

     fetchData();

   const toggleConflict = (conflictId: number) => {

     const newExpanded = new Set(expandedConflicts);

                       : 'text-gray-500'

                   }`}

                 >

                 </span>

               </button>

             </div>

                             ? person.display_name.replace(person.rank + ' ', '').replace(person.rank + ', ', '')

                             : person.display_name}

                           {person.class_year && (

                           )}

                           {person.pdf_key && <DocumentIcon className="flex-shrink-0" />}

                         </h3>