diff --git a/src/app/animals/page.tsx b/src/app/animals/page.tsx index 2b54c45..e0e4351 100644 --- a/src/app/animals/page.tsx +++ b/src/app/animals/page.tsx @@ -1,19 +1,35 @@ +// src/app/animals/page.tsx + 'use client' -import React, { useEffect, useState } from 'react' -import Navigation from '../../components/Navigation' -import { fetchAnimalRecords } from '../../services/laconicQueryService' +import { useState, useEffect } from 'react' import { MapPin } from 'lucide-react' +import { fetchAnimalRecords } from '../../services/laconicQueryService' +import Navigation from '../../components/Navigation' interface AnimalRecord { id: string - species: string + mainObject: string location: { latitude: number longitude: number } description: string imageUrl: string + species: string + // Records from Laconic Registry use `attributes` to store the content + // and have a separate creation timestamp + attributes?: { + mainObject: string + location: { + latitude: number + longitude: number + } + description: string + imageUrl: string + species: string + } + bondId?: string createTime: string } @@ -81,7 +97,7 @@ export default function AnimalsPage() { } return ( -