Fix multiple releases from the same release group apearing

src/components/MusicDetails/ArtistDetails.tsx

@@ -63,6 +63,23 @@ const ArtistDetails = ({ artist }: ArtistDetailsProp) => {
     });
   }
 
+  const smartMerge = (a: ReleaseResult[], b: ReleaseResult[]) => {
+    const out = a;
+    b.forEach((item) => {
+      if (
+        !a.some(
+          (i) =>
+            i.releaseGroup?.id === item.releaseGroup?.id ||
+            i.title === item.title
+        ) ||
+        item.mediaInfo?.status === MediaStatus.AVAILABLE
+      ) {
+        out.push(item);
+      }
+    });
+    return out;
+  };
+
   const cleanDate = (date: Date | string | undefined) => {
     date = date ?? '';
     return new Date(date).toLocaleDateString('en-US', {
@@ -91,12 +108,8 @@ const ArtistDetails = ({ artist }: ArtistDetailsProp) => {
 
   useEffect(() => {
     setAvailableReleases((prev) =>
-      Array.from(
-        new Set(
-          [...prev, ...releases].filter(
-            (release) => release.mediaInfo?.status === MediaStatus.AVAILABLE
-          )
-        )
+      smartMerge(prev, releases).filter(
+        (release) => release.mediaInfo?.status === MediaStatus.AVAILABLE
       )
     );
   }, [releases]);
@@ -119,7 +132,7 @@ const ArtistDetails = ({ artist }: ArtistDetailsProp) => {
       .then((res) => {
         if (res) {
           const r = res.releases ?? [];
-          setReleases(Array.from(new Set([...releases, ...r])));
+          setReleases(smartMerge(releases, r));
           setCurrentOffset(currentOffset + 25);
           setLoading(false);
         }

src/pages/music/[type]/[mbId]/index.tsx

@@ -34,10 +34,6 @@ const MusicPage: NextPage<MusicPageProps> = ({ music }) => {
       );
     case SecondaryType.RELEASE:
       return <MusicDetails type={SecondaryType.RELEASE} release={music} />;
-    case SecondaryType.RECORDING:
-      return <MusicDetails type={SecondaryType.RECORDING} recording={music} />;
-    case SecondaryType.WORK:
-      return <MusicDetails type={SecondaryType.WORK} work={music} />;
     default:
       return <Error statusCode={404} />;
   }
@@ -62,7 +58,6 @@ export const getServerSideProps: GetServerSideProps<MusicPageProps> = async (
         : undefined,
     }
   );
-
   return {
     props: {
       music: response.data,