import { h, type FunctionComponent } from 'preact' import { useEffect, useState } from 'preact/hooks' import rek from 'rek' import Head from './head.ts' import Object from './object.tsx' import s from './results_page.module.scss' import type { Object as ObjectType } from '../../../shared/types.ts' const ObjectsPage: FunctionComponent = () => { const [objects, setObjects] = useState([]) const [currentObject, setCurrentObject] = useState(null) useEffect(() => { rek('/api/objects').then((objects: ObjectType[]) => setObjects(objects)) }, []) return (
: Objects

Objects

{objects.map((object) => ( ))}
{currentObject ? (

{currentObject}

) : null} ) } export default ObjectsPage