Merge pull request #927 from WowUp/news

News
2026-04-22 23:09:38 -04:00 · 2021-06-14 15:23:22 -05:00
parent 916856510d 7959c5e3c3
commit bd0f87190f
30 changed files with 144 additions and 15 deletions
--- a/wowup-electron/angular.json
+++ b/wowup-electron/angular.json
@@ -17,7 +17,7 @@
            "tsConfig": "src/tsconfig.app.json",
            "polyfills": "src/polyfills.ts",
            "assets": ["src/assets"],
-            "styles": ["src/styles.scss"],
+            "styles": ["./node_modules/ngx-lightbox/lightbox.css", "src/styles.scss"],
            "scripts": [],
            "customWebpackConfig": {
              "path": "./angular.webpack.js"
--- a/wowup-electron/package-lock.json
+++ b/wowup-electron/package-lock.json
@@ -1,6 +1,6 @@
 {
  "name": "wowup",
-  "version": "2.4.0-beta.2",
+  "version": "2.4.0-beta.3",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@@ -14355,6 +14355,11 @@
      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
    },
+    "ngx-lightbox": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ngx-lightbox/-/ngx-lightbox-2.3.0.tgz",
+      "integrity": "sha512-t59Pvk8MqpFM+p6+YxPVw/t9PMFmfLQ/gqIyc2W7T7MnJxxp5jsvDOmKUmOKUs5uYReIrzViInmMqu4s50VV8Q=="
+    },
    "ngx-translate-messageformat-compiler": {
      "version": "4.9.0",
      "resolved": "https://registry.npmjs.org/ngx-translate-messageformat-compiler/-/ngx-translate-messageformat-compiler-4.9.0.tgz",
--- a/wowup-electron/package.json
+++ b/wowup-electron/package.json
@@ -1,7 +1,7 @@
 {
  "name": "wowup",
  "productName": "WowUp",
-  "version": "2.4.0-beta.3",
+  "version": "2.4.0-beta.4",
  "description": "World of Warcraft addon updater",
  "homepage": "https://wowup.io",
  "author": {
@@ -145,6 +145,7 @@
    "markdown-it": "12.0.6",
    "messageformat": "2.3.0",
    "minimist": "1.2.5",
+    "ngx-lightbox": "2.3.0",
    "ngx-translate-messageformat-compiler": "4.9.0",
    "node-cache": "5.1.2",
    "node-disk-info": "1.3.0",
--- a/wowup-electron/src/app/addon-providers/curse-addon-provider.ts
+++ b/wowup-electron/src/app/addon-providers/curse-addon-provider.ts
@@ -573,6 +573,7 @@ export class CurseAddonProvider extends AddonProvider {
        files: _.orderBy(searchResultFiles, (f) => f.channelType).reverse(),
        downloadCount: result.downloadCount,
        summary: result.summary,
+        screenshotUrls: this.getScreenshotUrls(result),
      };

      return searchResult;
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.html
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.html
@@ -51,7 +51,8 @@
    <!-- SUMMARY -->
    <mat-tab [label]="'DIALOGS.ADDON_DETAILS.DESCRIPTION_TAB' | translate">
      <app-progress-spinner *ngIf="fetchingFullDescription === true"></app-progress-spinner>
-      <div #descriptionContainer class="markdown-body addon-summary text-1 mt-3" [innerHtml]="description$ | async"></div>
+      <div #descriptionContainer class="markdown-body addon-summary text-1 mt-3" [innerHtml]="description$ | async">
+      </div>
    </mat-tab>
    <!-- CHANGELOG -->
    <mat-tab *ngIf="canShowChangelog === true" [label]="'DIALOGS.ADDON_DETAILS.CHANGELOG_TAB' | translate">
@@ -61,6 +62,16 @@
        translate}}</div>
      <div #changelogContainer class="markdown-body addon-changelog text-1 mt-3" [innerHTML]="changelog$ | async"></div>
    </mat-tab>
+    <!-- SCREENSHOTS -->
+    <mat-tab *ngIf="imageUrls.length > 0" [label]="'DIALOGS.ADDON_DETAILS.IMAGES_TAB' | translate">
+      <mat-grid-list class="image-grid pt-3" cols="4" rowHeight="1:1" gutterSize="3">
+        <mat-grid-tile *ngFor="let image of imageUrls">
+          <div class="image-thumb-container ">
+            <img class="image-thumb mat-elevation-z8" [src]="image.src" (click)="onClickImage(image.src)">
+          </div>
+        </mat-grid-tile>
+      </mat-grid-list>
+    </mat-tab>
  </mat-tab-group>
 </mat-dialog-content>
 <mat-dialog-actions *ngIf="isUnknownProvider === false">
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss
@@ -1,4 +1,24 @@
@import "../../../variables.scss";
+
+.image-grid {
+  width: 70vw;
+  .image-thumb-container {
+    margin: 1em;
+    .image-thumb {
+      max-height: 100%;
+      max-width: 100%;
+      border-radius: 4px;
+      overflow: hidden;
+      box-sizing: border-box;
+
+      &:hover {
+        border: 3px solid var(--background-primary);
+        cursor: pointer;
+      }
+    }
+  }
+}
+
 .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.spec.ts
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.spec.ts
@@ -19,6 +19,7 @@ import { overrideIconModule } from "../../tests/mock-mat-icon";
 import { AddonDetailComponent, AddonDetailModel } from "./addon-detail.component";
 import { mockPreload } from "../../tests/test-helpers";
 import { WowUpService } from "../../services/wowup/wowup.service";
+import { LightboxModule } from "ngx-lightbox";

 describe("AddonDetailComponent", () => {
  let dialogModel: AddonDetailModel;
@@ -69,6 +70,7 @@ describe("AddonDetailComponent", () => {
            useClass: TranslateMessageFormatCompiler,
          },
        }),
+        LightboxModule,
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
      providers: [{ provide: MAT_DIALOG_DATA, useValue: dialogModel }],
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.ts
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.ts
@@ -1,6 +1,7 @@
 import { last } from "lodash";
 import { BehaviorSubject, from, of, Subscription } from "rxjs";
 import { filter, first, map, switchMap, tap } from "rxjs/operators";
+import { IAlbum, Lightbox } from "ngx-lightbox";

 import {
  AfterViewChecked,
@@ -84,6 +85,7 @@ export class AddonDetailComponent implements OnInit, OnDestroy, AfterViewChecked
  public isUnknownProvider = false;
  public isMissingUnknownDependencies = false;
  public missingDependencies: string[] = [];
+  public imageUrls: IAlbum[] = [];

  public constructor(
    @Inject(MAT_DIALOG_DATA) public model: AddonDetailModel,
@@ -94,7 +96,8 @@ export class AddonDetailComponent implements OnInit, OnDestroy, AfterViewChecked
    private _wowupService: WowUpService,
    private _snackbarService: SnackbarService,
    private _translateService: TranslateService,
-    private _sessionService: SessionService
+    private _sessionService: SessionService,
+    private _lightbox: Lightbox
  ) {
    this._dependencies = this.getDependencies();

@@ -162,7 +165,16 @@ export class AddonDetailComponent implements OnInit, OnDestroy, AfterViewChecked
    this.isUnknownProvider = this.model.listItem?.addon?.providerName === ADDON_PROVIDER_UNKNOWN;

    this.missingDependencies = this.model.listItem?.addon?.missingDependencies ?? [];
+
    this.isMissingUnknownDependencies = !!this.missingDependencies.length;
+
+    const imageUrlList = this.model.listItem?.addon?.screenshotUrls ?? this.model.searchResult?.screenshotUrls ?? [];
+    this.imageUrls = imageUrlList.map((url) => {
+      return {
+        src: url,
+        thumb: url,
+      };
+    });
  }

  public ngAfterViewInit(): void {}
@@ -178,6 +190,13 @@ export class AddonDetailComponent implements OnInit, OnDestroy, AfterViewChecked
    this._subscriptions.forEach((sub) => sub.unsubscribe());
  }

+  public onClickImage(url: string): void {
+    const idx = this.imageUrls.findIndex((album) => album.src === url);
+    if(idx >= 0){
+      this._lightbox.open(this.imageUrls, idx);
+    }
+  }
+
  public onInstallUpdated(): void {
    this._cdRef.detectChanges();
  }
--- a/wowup-electron/src/app/mat-module.ts
+++ b/wowup-electron/src/app/mat-module.ts
@@ -23,6 +23,7 @@ import { MatListModule } from "@angular/material/list";
 import { MatBadgeModule } from "@angular/material/badge";
 import { ClipboardModule } from "@angular/cdk/clipboard";
 import { ScrollingModule } from "@angular/cdk/scrolling";
+import { MatGridListModule } from "@angular/material/grid-list";

@NgModule({
  exports: [
@@ -50,6 +51,7 @@ import { ScrollingModule } from "@angular/cdk/scrolling";
    MatBadgeModule,
    ClipboardModule,
    ScrollingModule,
+    MatGridListModule,
  ],
  imports: [
    MatSliderModule,
@@ -76,6 +78,7 @@ import { ScrollingModule } from "@angular/cdk/scrolling";
    MatBadgeModule,
    ClipboardModule,
    ScrollingModule,
+    MatGridListModule,
  ],
 })
 export class MatModule {}
--- a/wowup-electron/src/app/pages/home/home.component.spec.ts
+++ b/wowup-electron/src/app/pages/home/home.component.spec.ts
@@ -17,6 +17,7 @@ import { AddonScanError, AddonSyncError } from "../../errors";
 import { WarcraftInstallationService } from "../../services/warcraft/warcraft-installation.service";
 import { DialogFactory } from "../../services/dialog/dialog.factory";
 import { AddonUpdateEvent } from "../../models/wowup/addon-update-event";
+import { LightboxModule } from "ngx-lightbox";

 describe("HomeComponent", () => {
  let electronService: ElectronService;
@@ -37,7 +38,7 @@ describe("HomeComponent", () => {
      scanUpdate$: new BehaviorSubject<ScanUpdate>({ type: ScanUpdateType.Unknown }).asObservable(),
      syncError$: new Subject<AddonSyncError>(),
      scanError$: new Subject<AddonScanError>(),
-      addonInstalled$: new Subject<AddonUpdateEvent>()
+      addonInstalled$: new Subject<AddonUpdateEvent>(),
    });

    electronService = jasmine.createSpyObj("ElectronService", [""], {
@@ -71,6 +72,7 @@ describe("HomeComponent", () => {
            useClass: TranslateMessageFormatCompiler,
          },
        }),
+        LightboxModule,
      ],
      providers: [MatSnackBar],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
--- a/wowup-electron/src/app/pages/home/home.component.ts
+++ b/wowup-electron/src/app/pages/home/home.component.ts
@@ -31,6 +31,7 @@ import { SnackbarService } from "../../services/snackbar/snackbar.service";
 import { WarcraftInstallationService } from "../../services/warcraft/warcraft-installation.service";
 import { WowUpService } from "../../services/wowup/wowup.service";
 import { getProtocol } from "../../utils/string.utils";
+import { LightboxConfig } from "ngx-lightbox";

@Component({
  selector: "app-home",
@@ -62,8 +63,12 @@ export class HomeComponent implements AfterViewInit, OnDestroy {
    private _snackBarService: SnackbarService,
    private _cdRef: ChangeDetectorRef,
    private _warcraftInstallationService: WarcraftInstallationService,
-    private _dialogFactory: DialogFactory
+    private _dialogFactory: DialogFactory,
+    private _lightboxConfig: LightboxConfig
  ) {
+    _lightboxConfig.fadeDuration = 0.3;
+    _lightboxConfig.resizeDuration = 0.3;
+
    const wowInstalledSub = this._warcraftInstallationService.wowInstallations$.subscribe((installations) => {
      this.hasWowClient = installations.length > 0;
    });
--- a/wowup-electron/src/app/pages/home/home.module.ts
+++ b/wowup-electron/src/app/pages/home/home.module.ts
@@ -1,4 +1,5 @@
 import { AgGridModule } from "ag-grid-angular";
+import { LightboxModule } from 'ngx-lightbox';

 import { CommonModule, DatePipe } from "@angular/common";
 import { NgModule } from "@angular/core";
@@ -100,6 +101,7 @@ import { HomeComponent } from "./home.component";
      GetAddonStatusColumnComponent,
      TableContextHeaderCellComponent,
    ]),
+    LightboxModule 
  ],
  providers: [
    DatePipe,
--- a/wowup-electron/src/app/services/wowup/patch-notes.service.ts
+++ b/wowup-electron/src/app/services/wowup/patch-notes.service.ts
@@ -26,11 +26,15 @@ const CHANGELOGS: ChangeLog[] = [
        <img style="width: 200px;" loading="lazy" src="https://www.warcrafttavern.com/wp-content/uploads/2020/10/Warcraft-Tavern-Logo-768x246.png">
        </a>
        </li>
+        <li>New Images tab in the addon details dialog</li>
      </ul>
      <h4 style="margin-top: 1em;">Changes</h4>
      <ul>
        <li>Russian locale updates (Medok)</li>
        <li>German locale updates (Glow)</li>
+        <li>Spanish locale updates (SkollVargr)</li>
+        <li>Chinese locale updates (CyanoHao)</li>
+        <li>Italian locale updates (Bito)</li>
        <li>Revamped UI</li>
        <li>WowUp updates will now download automatically</li>
        <li>When starting with 0 installs found, user should go to installations page</li>
--- a/wowup-electron/src/assets/i18n/cs.json
+++ b/wowup-electron/src/assets/i18n/cs.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Full Screen",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Nainstalovat aktualizaci WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Chcete restartovat WowUp and nainstalovat aktualizaci?",
      "INSTALL_TITLE": "Aktualizace WowUp je připravena",
      "NOT_AVAILABLE": "Nejnovější verze WowUp je již nainstalována",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "Popis",
      "FUNDING_LINK_TITLE": "Podpořte autora",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Chybějící závislosti",
      "NO_CHANGELOG_TEXT": "No changelog available",
      "VIEW_IN_BROWSER_BUTTON": "Zobrazit v prohlížeči",
--- a/wowup-electron/src/assets/i18n/de.json
+++ b/wowup-electron/src/assets/i18n/de.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Vollbild",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "WowUp Update installieren",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Möchtest Du WowUp neu starten, um das Update zu installieren?",
      "INSTALL_TITLE": "WowUp-Update bereit",
      "NOT_AVAILABLE": "Die aktuellste Version von WowUp ist bereits installiert",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "Keine Beschreibung gefunden",
      "DESCRIPTION_TAB": "Beschreibung",
      "FUNDING_LINK_TITLE": "Unterstütze diesen Autor",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Fehlende Abhängigkeiten",
      "NO_CHANGELOG_TEXT": "Kein Änderungsverlauf verfügbar",
      "VIEW_IN_BROWSER_BUTTON": "Im Browser anzeigen",
--- a/wowup-electron/src/assets/i18n/en.json
+++ b/wowup-electron/src/assets/i18n/en.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Full Screen",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Install WowUp update",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Do you want to restart WowUp and install the update?",
      "INSTALL_TITLE": "WowUp Update Ready",
      "NOT_AVAILABLE": "Latest version of WowUp is already installed",
@@ -70,9 +72,7 @@
      "SNACKBAR_ACTION": "Update",
      "SNACKBAR_TEXT": "A new version of WowUp is available",
      "TOOLTIP": "WowUp update available",
-      "UPDATE_ERROR": "Failed to get WowUp update",
-      "CHECKING_FOR_UPDATE": "Checking for update",
-      "DOWNLOADING_UPDATE": "Downloading update"
+      "UPDATE_ERROR": "Failed to get WowUp update"
    }
  },
  "COMMON": {
@@ -202,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "Description",
      "FUNDING_LINK_TITLE": "Support this author",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Missing dependencies",
      "NO_CHANGELOG_TEXT": "No changelog available",
      "VIEW_IN_BROWSER_BUTTON": "View in browser",
--- a/wowup-electron/src/assets/i18n/es.json
+++ b/wowup-electron/src/assets/i18n/es.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Pantalla completa",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Instalar actualización de WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "¿Quiere reiniciar WowUp para instalar la actualización?",
      "INSTALL_TITLE": "Actualización de WowUp preparada",
      "NOT_AVAILABLE": "La versión más reciente de WowUp ya se encuentra instalada",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "Descripción no encontrada",
      "DESCRIPTION_TAB": "Descripción",
      "FUNDING_LINK_TITLE": "Apoyar a este autor",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Dependencias no encontradas",
      "NO_CHANGELOG_TEXT": "No hay listado de cambios disponible",
      "VIEW_IN_BROWSER_BUTTON": "Ver en el navegador",
--- a/wowup-electron/src/assets/i18n/fr.json
+++ b/wowup-electron/src/assets/i18n/fr.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Plein écran",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Installer la mise à jour WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Voulez-vous redémarrer WowUp pour installer la mise à jour ?",
      "INSTALL_TITLE": "Mise à jour WowUp prête",
      "NOT_AVAILABLE": "Vous disposez déjà de la dernière version de WowUp",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "Description",
      "FUNDING_LINK_TITLE": "Supporter cet auteur",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Dépendances manquantes",
      "NO_CHANGELOG_TEXT": "No changelog available",
      "VIEW_IN_BROWSER_BUTTON": "Voir dans le navigateur",
--- a/wowup-electron/src/assets/i18n/it.json
+++ b/wowup-electron/src/assets/i18n/it.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Schermo Intero",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Installa l'aggiornamento di WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Vuoi riavviare WowUp per installare l'aggiornamento?",
      "INSTALL_TITLE": "Aggiornamento di WowUp pronto",
      "NOT_AVAILABLE": "L'ultima versione di WowUp è già installata",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "Nessuna descrizione trovata",
      "DESCRIPTION_TAB": "Descrizione",
      "FUNDING_LINK_TITLE": "Supporta questo autore",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Dipendenze mancanti",
      "NO_CHANGELOG_TEXT": "Nessun changelog disponibile",
      "VIEW_IN_BROWSER_BUTTON": "Visualizza nel browser",
--- a/wowup-electron/src/assets/i18n/ko.json
+++ b/wowup-electron/src/assets/i18n/ko.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - 전체 화면",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "WowUp 업데이트 설치",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "업데이트를 설치하기 위해 프로그램을 재시작할까요?",
      "INSTALL_TITLE": "WowUp 업데이트 준비됨",
      "NOT_AVAILABLE": "최신 버전입니다",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "설명",
      "FUNDING_LINK_TITLE": "제작자 지원하기",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Missing dependencies",
      "NO_CHANGELOG_TEXT": "불러올 변경 내역이 없습니다.",
      "VIEW_IN_BROWSER_BUTTON": "브라우저에서 열기",
--- a/wowup-electron/src/assets/i18n/nb.json
+++ b/wowup-electron/src/assets/i18n/nb.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Full Screen",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Installer oppdatering til WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Vil du restarte WowUp for å installere oppdateringen?",
      "INSTALL_TITLE": "WowUp-oppdatering er klar",
      "NOT_AVAILABLE": "Latest version of WowUp is already installed",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "Description",
      "FUNDING_LINK_TITLE": "Support this author",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Missing dependencies",
      "NO_CHANGELOG_TEXT": "No changelog available",
      "VIEW_IN_BROWSER_BUTTON": "Se i nettleser",
--- a/wowup-electron/src/assets/i18n/pt.json
+++ b/wowup-electron/src/assets/i18n/pt.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - Full Screen",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Instalar atualização do WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Você gostaria de reiniciar o WowUp para instalar a atualização?",
      "INSTALL_TITLE": "Atualização do WowUp Pronta",
      "NOT_AVAILABLE": "A última atualização do WowUp já está instalada",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "No description found",
      "DESCRIPTION_TAB": "Description",
      "FUNDING_LINK_TITLE": "Support this author",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Missing dependencies",
      "NO_CHANGELOG_TEXT": "No changelog available",
      "VIEW_IN_BROWSER_BUTTON": "Visualizar no navegador",
--- a/wowup-electron/src/assets/i18n/ru.json
+++ b/wowup-electron/src/assets/i18n/ru.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io — Полный экран",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "Установить обновление WowUp",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "Вы хотите перезапустить WowUp чтобы установить обновление?",
      "INSTALL_TITLE": "Для WowUp готово обновление",
      "NOT_AVAILABLE": "Последняя версия WowUp уже установлена",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "Описание не найдено",
      "DESCRIPTION_TAB": "Описание",
      "FUNDING_LINK_TITLE": "Поддержать этого автора",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "Отсутствующие зависимости",
      "NO_CHANGELOG_TEXT": "Нет доступного списка изменений",
      "VIEW_IN_BROWSER_BUTTON": "Посмотреть в браузере",
--- a/wowup-electron/src/assets/i18n/zh-TW.json
+++ b/wowup-electron/src/assets/i18n/zh-TW.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - 全螢幕模式",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "安裝 WowUp 更新",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "是否重新啟動 WowUp 以完成更新？",
      "INSTALL_TITLE": "WowUp 更新已準備就緒",
      "NOT_AVAILABLE": "已安裝最新版 WowUp",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "未找到描述",
      "DESCRIPTION_TAB": "描述",
      "FUNDING_LINK_TITLE": "支援插件作者",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "缺失的依賴項",
      "NO_CHANGELOG_TEXT": "更新記錄不可用",
      "VIEW_IN_BROWSER_BUTTON": "在瀏覽器中檢視",
--- a/wowup-electron/src/assets/i18n/zh.json
+++ b/wowup-electron/src/assets/i18n/zh.json
@@ -61,7 +61,9 @@
    "WINDOW_TITLE": "WowUp.io",
    "WINDOW_TITLE_FULLSCREEN": "WowUp.io - 全屏模式",
    "WOWUP_UPDATE": {
+      "CHECKING_FOR_UPDATE": "Checking for update",
      "DOWNLOADED_TOOLTIP": "安装 WowUp 更新",
+      "DOWNLOADING_UPDATE": "Downloading update",
      "INSTALL_MESSAGE": "是否重新启动 WowUp 以完成更新？",
      "INSTALL_TITLE": "WowUp 更新已准备就绪",
      "NOT_AVAILABLE": "已安装最新版 WowUp",
@@ -200,6 +202,7 @@
      "DESCRIPTION_NOT_FOUND": "未找到描述",
      "DESCRIPTION_TAB": "描述",
      "FUNDING_LINK_TITLE": "支持插件作者",
+      "IMAGES_TAB": "Images",
      "MISSING_DEPENDENCIES": "缺失的依赖项",
      "NO_CHANGELOG_TEXT": "更新记录不可用",
      "VIEW_IN_BROWSER_BUTTON": "在浏览器中查看",
--- a/wowup-electron/src/custom-theme.scss
+++ b/wowup-electron/src/custom-theme.scss
@@ -439,7 +439,13 @@ $alliance-theme-light: mat.define-light-theme(
 }

 .wowup-snackbar {
-  background-color: var(--background-secondary-4);
+  background-color: var(--background-secondary-4) !important;
+
+  &.text-1 {
+    * {
+      color: var(--text-1) !important;
+    }
+  }
 }

 .addon-summary,
@@ -523,6 +529,20 @@ $alliance-theme-light: mat.define-light-theme(
  color: var(--text-3) !important;
 }

+// LIGHT BOX
+
+.lb-outerContainer {
+  background-color: var(--background-secondary-4);
+}
+
+.lb-cancel {
+  width: 80px;
+  height: 80px;
+  background-image: url('assets/images/wowup-white-1.png');
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
 // GRID STYLES
 .ag-theme-material {
  @include ag-theme-material(
--- a/wowup-electron/src/environments/environment.dev.ts
+++ b/wowup-electron/src/environments/environment.dev.ts
@@ -10,7 +10,7 @@ export const AppConfig = {
  wowUpHubUrl: "https://hub.dev.wowup.io",
  googleAnalyticsId: "UA-92563227-4",
  wowupRepositoryUrl: "https://github.com/WowUp/WowUp",
-  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=full",
+  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=large",
  azure: {
    applicationInsightsKey: "4a53e8d9-796c-4f80-b1a6-9a058374dd6d",
  },
--- a/wowup-electron/src/environments/environment.prod.ts
+++ b/wowup-electron/src/environments/environment.prod.ts
@@ -5,7 +5,7 @@ export const AppConfig = {
  wowUpHubUrl: "https://hub.wowup.io",
  googleAnalyticsId: "UA-92563227-4",
  wowupRepositoryUrl: "https://github.com/WowUp/WowUp",
-  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=full",
+  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=medium",
  azure: {
    applicationInsightsKey: "4a53e8d9-796c-4f80-b1a6-9a058374dd6d",
  },
--- a/wowup-electron/src/environments/environment.ts
+++ b/wowup-electron/src/environments/environment.ts
@@ -5,7 +5,7 @@ export const AppConfig = {
  wowUpHubUrl: "https://hub.dev.wowup.io",
  googleAnalyticsId: "UA-92563227-4",
  wowupRepositoryUrl: "https://github.com/WowUp/WowUp",
-  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=full",
+  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=medium",
  azure: {
    applicationInsightsKey: "4a53e8d9-796c-4f80-b1a6-9a058374dd6d",
  },
--- a/wowup-electron/src/environments/environment.web.ts
+++ b/wowup-electron/src/environments/environment.web.ts
@@ -9,5 +9,5 @@ export const AppConfig = {
  wowUpApiUrl: "https://api.dev.wowup.io",
  wowUpHubUrl: "https://hub.dev.wowup.io",
  googleAnalyticsId: "UA-92563227-4",
-  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=full",
+  warcraftTavernNewsFeedUrl: "https://www.warcrafttavern.com/?call_custom_simple_rss=1&csrp_post_type=wow-classic-news,tbc-classic-news,retail-news&csrp_thumbnail_size=medium",
 };