diff --git a/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html
index 018709840..19dc96c04 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html
@@ -100,11 +100,11 @@
-
+
+ {{r.title}} | {{r.type}}
+
+
+
+
+
+
+
+
+
+
+ {{'MediaDetails.SinglesTitle' | translate}}
+
+
+
+
+
+
+
+
+
+ {{'MediaDetails.EpTitle' | translate}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts
new file mode 100644
index 000000000..9d637802d
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts
@@ -0,0 +1,23 @@
+import { Component, Input, ViewEncapsulation, OnInit } from "@angular/core";
+import { IReleaseGroups } from "../../../../../interfaces/IMusicSearchResultV2";
+
+@Component({
+ templateUrl: "./artist-release-panel.component.html",
+ styleUrls: ["../../../../media-details.component.scss"],
+ selector: "artist-release-panel",
+ encapsulation: ViewEncapsulation.None
+})
+export class ArtistReleasePanel implements OnInit {
+
+ @Input() public releases: IReleaseGroups[];
+
+ public albums: IReleaseGroups[];
+ public singles: IReleaseGroups[];
+ public ep: IReleaseGroups[];
+
+ public ngOnInit(): void {
+ this.albums = this.releases.filter(x => x.type === "Album");
+ this.singles = this.releases.filter(x => x.type === "Single");
+ this.ep = this.releases.filter(x => x.type === "EP");
+ }
+}
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/index.ts b/src/Ombi/ClientApp/src/app/media-details/components/index.ts
index c7a141145..78ee8c23c 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/index.ts
@@ -16,6 +16,7 @@ import { RequestServiceV2 } from "../../services/requestV2.service";
import { NewIssueComponent } from "./shared/new-issue/new-issue.component";
import { ArtistDetailsComponent } from "./artist/artist-details.component";
import { ArtistInformationPanel } from "./artist/panels/artist-information-panel/artist-information-panel.component";
+import { ArtistReleasePanel } from "./artist/panels/artist-release-panel/artist-release-panel.component";
export const components: any[] = [
MovieDetailsComponent,
@@ -33,7 +34,8 @@ export const components: any[] = [
MovieAdvancedOptionsComponent,
NewIssueComponent,
ArtistDetailsComponent,
- ArtistInformationPanel
+ ArtistInformationPanel,
+ ArtistReleasePanel,
];
export const entryComponents: any[] = [
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html b/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html
index 3664d7ed5..c9eaba371 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html
@@ -2,7 +2,7 @@
-