35 lines
917 B
TypeScript
35 lines
917 B
TypeScript
|
|
/**
|
||
|
|
* Custom hook for fetching space data
|
||
|
|
*/
|
||
|
|
import { useState, useEffect } from 'react';
|
||
|
|
import { fetchCelestialPositions } from '../utils/api';
|
||
|
|
import type { CelestialBody } from '../types';
|
||
|
|
|
||
|
|
export function useSpaceData() {
|
||
|
|
const [bodies, setBodies] = useState<CelestialBody[]>([]);
|
||
|
|
const [loading, setLoading] = useState(true);
|
||
|
|
const [error, setError] = useState<string | null>(null);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
async function loadData() {
|
||
|
|
try {
|
||
|
|
setLoading(true);
|
||
|
|
setError(null);
|
||
|
|
|
||
|
|
// Fetch current positions
|
||
|
|
const data = await fetchCelestialPositions();
|
||
|
|
setBodies(data.bodies);
|
||
|
|
} catch (err) {
|
||
|
|
console.error('Failed to fetch celestial data:', err);
|
||
|
|
setError(err instanceof Error ? err.message : 'Unknown error');
|
||
|
|
} finally {
|
||
|
|
setLoading(false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
loadData();
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return { bodies, loading, error };
|
||
|
|
}
|