diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 4183936..c5b8468 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -1,9 +1,11 @@
+import { Album } from '@/common/album.entity';
+
export default async function Page() {
const data = await fetch('https://api.anatid.net/album')
const albums = await data.json()
return (
- {albums.map((album: any) => (
+ {albums.map((album: Album) => (
- {album.title} by {album.artist} ({album.genre})
))}
diff --git a/frontend/src/common/album.entity.tsx b/frontend/src/common/album.entity.tsx
new file mode 100644
index 0000000..9925560
--- /dev/null
+++ b/frontend/src/common/album.entity.tsx
@@ -0,0 +1,7 @@
+export interface Album {
+ id: number;
+ title: string;
+ artist: string;
+ genre: string;
+ songs: string[];
+}