trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 06:34:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: replace data fetch in mii list with swr

Browse source
This commit is contained in:
trafficlunar 2025-04-14 11:39:49 +01:00
parent 48b001377a
commit 4fec5f65f5
3 changed files with 26 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/components/mii-list/index.tsx
View file

@ -2,7 +2,7 @@
import { useSearchParams } from "next/navigation";
import Link from "next/link";
import { useEffect, useState } from "react";
import useSWR from "swr";
import SortSelect from "./sort-select";
import Carousel from "../carousel";
@ -36,29 +36,11 @@ interface ApiResponse {
}[];
}
const fetcher = (url: string) => fetch(url).then((res) => res.json());
export default function MiiList({ isLoggedIn, userId }: Props) {
const searchParams = useSearchParams();
const [data, setData] = useState<ApiResponse>();
const [error, setError] = useState<string | undefined>();
const getData = async () => {
const response = await fetch(`/api/mii/list?${searchParams.toString()}`);
const data = await response.json();
if (!response.ok) {
setError(data.error);
return;
}
setData(data);
};
useEffect(() => {
getData();
}, [searchParams.toString()]);
// todo: show skeleton when data is undefined
const { data, error } = useSWR<ApiResponse>(`/api/mii/list?${searchParams.toString()}`, fetcher);
return (
<div className="w-full">