twotalesanimation
38 lines
867 B
TypeScript
38 lines
867 B
TypeScript
'use client';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
type Subject = any;
|
|
|
|
export function usePlaylists() {
|
|
const [subjects, setSubjects] = useState<Subject[]>([]);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
const [error, setError] = useState<any>(null);
|
|
|
|
useEffect(() => {
|
|
let cancelled = false;
|
|
setIsLoading(true);
|
|
setError(null);
|
|
|
|
fetch('/api/playlists')
|
|
.then(async (res) => {
|
|
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
|
const json = await res.json();
|
|
if (!cancelled) {
|
|
setSubjects(json.subjects ?? []);
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
if (!cancelled) setError(err);
|
|
})
|
|
.finally(() => {
|
|
if (!cancelled) setIsLoading(false);
|
|
});
|
|
|
|
return () => {
|
|
cancelled = true;
|
|
};
|
|
}, []);
|
|
|
|
return { subjects, isLoading, error };
|
|
}
|