revert image prefetching

cdleveille · May 31, 2024 · ea272b9 · ea272b9
1 parent 1c98b06
commit ea272b9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -17,14 +17,12 @@ export default async function RootLayout({
 	modal: React.ReactNode;
 }>) {
 	const discs = await API.getDiscs();
-	const imageUrls = discs.map(({ pic }) => pic).filter(pic => !!pic);
-	await API.fetchMany(imageUrls);
 	return (
 		<html lang="en">
 			<body className={inter.className}>
 				<DiscContextProvider discs={discs}>
-					{modal}
 					{children}
+					{modal}
 				</DiscContextProvider>
 			</body>
 		</html>

diff --git a/src/components/DiscDetail.tsx b/src/components/DiscDetail.tsx
@@ -46,8 +46,7 @@ export const DiscDetail = ({ name_slug }: DiscDetailProps) => {
 					</div>
 				</div>
 				<div className="disc-detail-img-container">
-					{/* eslint-disable-next-line @next/next/no-img-element */}
-					<img src={pic} alt={name} className="disc-detail-img" />
+					<Image src={pic} alt={name} width={400} height={340} className="disc-detail-img" />
 				</div>
 			</div>
 		</Modal>

diff --git a/src/services/api.ts b/src/services/api.ts
@@ -21,6 +21,5 @@ export const API = {
 			url: `${config.API_URL}/disc`,
 			method: RequestMethod.GET,
 			tags: ["disc"]
-		}),
-	fetchMany: async (urls: string[]) => Promise.allSettled(urls.map(url => fetch(url, { next: { tags: ["image"] } })))
+		})
 };