Adding time formatting

backend/src/song/dto/update-song.dto.ts

@@ -2,4 +2,5 @@ export class UpdateSongDto {
   id: number;
   title: string;
   duration: number;
+  albumId: number;
 }

frontend/src/app/album/[id]/page.tsx

@@ -1,9 +1,10 @@
 'use client'
 
 import { useState, useEffect } from 'react'
-import { Album } from '@/common/album.entity';
-import { Song } from '@/common/song.entity';
 import { useParams } from 'next/navigation'
+import { Album } from '@/entities/album.entity';
+import { Song } from '@/entities/song.entity';
+import { TimeUtils } from '@/utils/time.util';
 
 export default function Page() {
   const [album, setAlbum] = useState<Album>();
@@ -28,9 +29,11 @@ export default function Page() {
         <em>{album.title}</em> by {album.artist} ({album.genre})
       </div>
       <ul>
-        {album.songs.map((song: Song) => (
+        if (album.songs) {
-          <li key={song.id}>{song.title} ({song.duration})</li>
+          album.songs.map((song: Song) => (
-        ))}
+            <li key={song.id}>{song.title} ({TimeUtils.fancyTimeFormat(song.duration)})</li>
+          ))
+        }
       </ul>
     </div>
   );

frontend/src/app/album/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import Link from 'next/link';
-import { Album } from '@/common/album.entity';
+import { Album } from '@/entities/album.entity';
 
 export default function Page() {
   const [albums, setAlbums] = useState<Album[]>([]);

frontend/src/entities/album.entity.tsx

@@ -1,4 +1,4 @@
-import { Song } from '@/common/song.entity';
+import { Song } from '@/entities/song.entity';
 
 export interface Album {
     id: number;

frontend/src/entities/song.entity.tsx

@@ -1,4 +1,4 @@
-import { Album } from '@/common/album.entity';
+import { Album } from '@/entities/album.entity';
 
 export interface Song {
     id: number;

frontend/src/utils/time.util.tsx

@@ -0,0 +1,22 @@
+export class TimeUtils {
+
+  // Copied from https://stackoverflow.com/a/11486026
+  static fancyTimeFormat(duration: number) {
+    // Hours, minutes and seconds
+    const hrs = ~~(duration / 3600);
+    const mins = ~~((duration % 3600) / 60);
+    const secs = ~~duration % 60;
+
+    // Output like "1:01" or "4:03:59" or "123:03:59"
+    let ret = "";
+
+    if (hrs > 0) {
+      ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
+    }
+
+    ret += "" + mins + ":" + (secs < 10 ? "0" : "");
+    ret += "" + secs;
+
+    return ret;
+  }
+}