move exports out of page

Author: danieltott

app/star-wars/people/[id]/page.tsx

@@ -1,6 +1,7 @@
-import { type Person, sleep } from '../page';
+import { type Person } from '../../types';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
+import sleep from '@/util/sleep';
 
 type Props = {
   params: { id: string };

app/star-wars/people/page.tsx

@@ -1,4 +1,6 @@
 import Link from 'next/link';
+import sleep from '@/util/sleep';
+import { type Person } from '../types';
 
 async function getPeople(): Promise<Person[]> {
   await sleep();
@@ -11,31 +13,6 @@ export const metadata = {
   title: 'Star Wars People',
 };
 
-export function sleep(ms = 2000) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
-}
-
-export type Person = {
-  name: string;
-  height: string;
-  mass: string;
-  hair_color: string;
-  skin_color: string;
-  eye_color: string;
-  birth_year: string;
-  gender: string;
-  homeworld: string;
-  films: string[];
-  species: string[];
-  vehicles: string[];
-  starships: string[];
-  created: string;
-  edited: string;
-  url: string;
-};
-
 export default async function Page() {
   const people = await getPeople();
 

app/star-wars/types.tsx

@@ -0,0 +1,18 @@
+export type Person = {
+  name: string;
+  height: string;
+  mass: string;
+  hair_color: string;
+  skin_color: string;
+  eye_color: string;
+  birth_year: string;
+  gender: string;
+  homeworld: string;
+  films: string[];
+  species: string[];
+  vehicles: string[];
+  starships: string[];
+  created: string;
+  edited: string;
+  url: string;
+};

util/sleep.tsx

@@ -0,0 +1,5 @@
+export default function sleep(ms = 2000) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, ms);
+  });
+}