navigate(pages.tracks, artist, album, isWishList)}>
@@ -34,6 +42,15 @@ const AlbumRow = ({
| navigate(pages.tracks, artist, album, isWishList)}>
{album.released}
|
+ navigate(pages.tracks, artist, album, isWishList)}>
+
+ |
+ navigate(pages.tracks, artist, album, isWishList)}>
+
+ |
+ navigate(pages.tracks, artist, album, isWishList)}>
+ {retailerName}
+ |
|
+
+
+ navigate(pages.albumPurchaseDetails, artist, album, false)
+ }
+ />
+ |
);
};
diff --git a/src/music-catalogue-ui/components/albumWishListActionIcon.js b/src/music-catalogue-ui/components/albumWishListActionIcon.js
index 2195098..a95ea9a 100644
--- a/src/music-catalogue-ui/components/albumWishListActionIcon.js
+++ b/src/music-catalogue-ui/components/albumWishListActionIcon.js
@@ -4,8 +4,20 @@ import {
faHeartCirclePlus,
faRecordVinyl,
} from "@fortawesome/free-solid-svg-icons";
-import { apiSetAlbumWishListFlag, apiFetchAlbumsByArtist } from "@/helpers/api";
+import {
+ apiSetAlbumWishListFlag,
+ apiFetchAlbumsByArtist,
+} from "@/helpers/apiAlbums";
+/**
+ * Icon and associated action to move an album between the catalogue and wish list
+ * @param {*} artistId
+ * @param {*} album
+ * @param {*} isWishList
+ * @param {*} logout
+ * @param {*} setAlbums
+ * @returns
+ */
const AlbumWishListActionIcon = ({
artistId,
album,
diff --git a/src/music-catalogue-ui/components/app.js b/src/music-catalogue-ui/components/app.js
index a508ad4..49ceef2 100644
--- a/src/music-catalogue-ui/components/app.js
+++ b/src/music-catalogue-ui/components/app.js
@@ -2,7 +2,7 @@ import React, { useCallback, useState } from "react";
import Login from "./login";
import pages from "@/helpers/navigation";
import ComponentPicker from "./componentPicker";
-import { apiClearToken } from "@/helpers/api";
+import { apiClearToken } from "@/helpers/apiToken";
import useIsLoggedIn from "@/hooks/useIsLoggedIn";
import MenuBar from "./menuBar";
diff --git a/src/music-catalogue-ui/components/artistList.js b/src/music-catalogue-ui/components/artistList.js
index 8813ce5..5f1d12a 100644
--- a/src/music-catalogue-ui/components/artistList.js
+++ b/src/music-catalogue-ui/components/artistList.js
@@ -1,7 +1,5 @@
-import { useCallback } from "react";
import useArtists from "@/hooks/useArtists";
import ArtistRow from "./artistRow";
-import pages from "@/helpers/navigation";
/**
* Component to render a table listing all the artists in the catalogue
@@ -27,6 +25,7 @@ const ArtistList = ({ isWishList, navigate, logout }) => {