`cc2b939`

better approach to documents indicator

Authored by

espadonne 8 months ago

Status	File	+	-
M	`app/memorial/conflict/[id]/page.tsx`	2	2
M	`app/memorial/page.tsx`	2	10
M	`app/memorial/search/page.tsx`	2	2
M	`lib/api.ts`	2	2

app/memorial/conflict/[id]/page.tsxmodified

  import { useState, useEffect } from 'react';
  import Link from 'next/link';
  import { useParams } from 'next/navigation';
 -import { getConflicts, getPeopleByConflict, Conflict, Person } from '@/lib/api';
 +import { getConflicts, getPeopleByConflict, Conflict, PersonDetail } from '@/lib/api';
  import Header from '@/components/Header';
  import DocumentIcon from '@/components/DocumentIcon';
    const conflictId = parseInt(params.id as string);
    const [conflict, setConflict] = useState<Conflict | null>(null);
 -  const [people, setPeople] = useState<Person[]>([]);
 +  const [people, setPeople] = useState<PersonDetail[]>([]);
    const [loading, setLoading] = useState(true);
    const [error, setError] = useState<string | null>(null);

app/memorial/page.tsxmodified

  import Link from 'next/link';
  import Header from '@/components/Header';
  import DocumentIcon from '@/components/DocumentIcon';
+-
 -interface Person {
 -  id: number;
 -  display_name: string;
 -  rank: string;
 -  unit: string;
 -  death_description?: string;
 -  pdf_key?: string;
 -}
 +import { PersonDetail } from '@/lib/api';
  interface ConflictWithCasualties {
    id: number;
    end_year: number | null;
    description: string;
    casualty_count: number;
 -  casualties: Person[];
 +  casualties: PersonDetail[];
+ }
  export default function MemorialIndexPage() {

app/memorial/search/page.tsxmodified

  import { useState, useEffect } from 'react';
  import Link from 'next/link';
 -import { searchPeople, getSearchFilters, PersonSearchResult, SearchFilters } from '@/lib/api';
 +import { searchPeople, getSearchFilters, PersonDetail, SearchFilters } from '@/lib/api';
  import Header from '@/components/Header';
  import DocumentIcon from '@/components/DocumentIcon';
    const [noDate, setNoDate] = useState(false);
    // Results state
 -  const [results, setResults] = useState<PersonSearchResult[]>([]);
 +  const [results, setResults] = useState<PersonDetail[]>([]);
    const [totalCount, setTotalCount] = useState(0);
    const [loading, setLoading] = useState(false);
    const [hasSearched, setHasSearched] = useState(false);

lib/api.tsmodified

+ }
  // Fetch people by conflict
 -export async function getPeopleByConflict(conflictId: number): Promise<Person[]> {
 +export async function getPeopleByConflict(conflictId: number): Promise<PersonDetail[]> {
    const response = await fetch(`${API_BASE_URL}/memorial/persons/?conflict=${conflictId}`);
    if (!response.ok) {
      throw new Error('Failed to fetch people');
+ }
  // Search people with filters
 -export async function searchPeople(params: SearchParams): Promise<{ count: number; results: PersonSearchResult[] }> {
 +export async function searchPeople(params: SearchParams): Promise<{ count: number; results: PersonDetail[] }> {
    const queryParams = new URLSearchParams();
    if (params.q) queryParams.append('q', params.q);