// app/trend/page.jsx
async function getTrends(pageSize, nDay) {
	const url =
		`https://api.github.com/search/repositories?` +
		`sort=stars` +
		`&order=desc` +
		`&per_page=${pageSize}` +
		`&q=created%3A>${dayjs().subtract(nDay, 'day').format('YYYY-MM-DD')}`;
	const headers = { Accept: 'application/vnd.github.v3+json' };
	const response = await fetch(url, { headers, next: { revalidate: 3600 } });
	const data = await response.json();
	return data?.items ?? [];
}

export default async function TrendPage() {
	const data = await getTrends(50, 7);
	return (
		<div className="space-y-2 mt-4">
			<h1 className="text-2xl">Github Weekly Popular Repositories</h1>
			{data.map((item) => (
            	<div key={item.id} className="space-y-2 py-2 rounded-md">
            	  // foobar
            	</div>
            ))}
		</div>
	)
}