From 34cdbb8225bf27e8f0a0f17840d68b3535f2da61 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Sun, 28 Nov 2021 22:22:14 +0000
Subject: [PATCH] chore: added the app images in the settings for visibility

---
 .../src/app/settings/about/about.component.html      |  4 ++++
 .../src/app/settings/about/about.component.ts        | 12 ++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/settings/about/about.component.html b/src/Ombi/ClientApp/src/app/settings/about/about.component.html
index bf7e4b0b9..acbf78f43 100644
--- a/src/Ombi/ClientApp/src/app/settings/about/about.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/about/about.component.html
@@ -101,6 +101,10 @@
   </div>
   </div>
   <div class="col-md-4">
+    <div>
+      <a target="_blank" href='https://play.google.com/store/apps/details?id=com.tidusjar.Ombi&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img width="200px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
+      <a target="_blank" href='https://apps.apple.com/us/app/ombi/id1335260043'><img width="155px" alt='Get it on App Store' [src]="appstoreImage"/></a>
+    </div>
     <h2>News</h2>
     <div [innerHTML]="newsHtml"></div>
   </div>
diff --git a/src/Ombi/ClientApp/src/app/settings/about/about.component.ts b/src/Ombi/ClientApp/src/app/settings/about/about.component.ts
index e0bc3c661..fc10c5181 100644
--- a/src/Ombi/ClientApp/src/app/settings/about/about.component.ts
+++ b/src/Ombi/ClientApp/src/app/settings/about/about.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, Inject, OnInit } from "@angular/core";
 import { HubService, SettingsService, SystemService } from "../../services";
 import { IAbout, IUpdateModel } from "../../interfaces/ISettings";
 
@@ -6,6 +6,7 @@ import { IConnectedUser } from "../../interfaces";
 import { MatDialog } from "@angular/material/dialog";
 import { UpdateDialogComponent } from "./update-dialog.component";
 import { UpdateService } from "../../services/update.service";
+import { APP_BASE_HREF } from "@angular/common";
 
 @Component({
     templateUrl: "./about.component.html",
@@ -17,6 +18,7 @@ export class AboutComponent implements OnInit {
     public newUpdate: boolean;
     public connectedUsers: IConnectedUser[];
     public newsHtml: string;
+    public appstoreImage: string;
 
     public get usingSqliteDatabase() {
         if (this.about.ombiDatabaseType.toLowerCase() === 'sqlite'
@@ -33,9 +35,15 @@ export class AboutComponent implements OnInit {
         private readonly jobService: UpdateService,
         private readonly hubService: HubService,
         private readonly systemService: SystemService,
-        private readonly dialog: MatDialog) { }
+        private readonly dialog: MatDialog,
+        @Inject(APP_BASE_HREF) private readonly href:string) { }
 
     public async ngOnInit() {
+        this.appstoreImage = "../../../images/appstore.svg";
+        const base = this.href;
+        if (base) {
+            this.appstoreImage = "../../.." + base + "/images/appstore.svg";
+        }
         this.settingsService.about().subscribe(x => this.about = x);
         this.newsHtml = await this.systemService.getNews().toPromise();