From 468bd25e5975c5defca4b9105dcb8d29bd07be8a Mon Sep 17 00:00:00 2001
From: Anatole Sot <anatolesot@gmail.com>
Date: Sun, 28 Apr 2024 23:36:23 +0200
Subject: [PATCH] fix(build): fixed the docker build to be 90% functionnal

Added some fields I missed in the migration file and fixed some image
display issue
---
 ...4310036946-PostLidarrSupportIntegration.ts | 48 +++++++++++++++++++
 src/components/Selector/index.tsx             | 44 ++++++++++-------
 2 files changed, 76 insertions(+), 16 deletions(-)

diff --git a/server/migration/1714310036946-PostLidarrSupportIntegration.ts b/server/migration/1714310036946-PostLidarrSupportIntegration.ts
index 48950a32..fabefc63 100644
--- a/server/migration/1714310036946-PostLidarrSupportIntegration.ts
+++ b/server/migration/1714310036946-PostLidarrSupportIntegration.ts
@@ -3,9 +3,27 @@ import type { MigrationInterface, QueryRunner } from 'typeorm';
 export class PostLidarrSupportIntegration1714310036946
   implements MigrationInterface
 {
+  name = 'PostLidarrSupportIntegration1714310036946';
+
   public async up(queryRunner: QueryRunner): Promise<void> {
     await queryRunner.query(`ALTER TABLE user ADD musicQuotaLimit INTEGER`);
     await queryRunner.query(`ALTER TABLE user ADD musicQuotaDays INTEGER`);
+
+    await queryRunner.query(
+      "CREATE TABLE temporary_media (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,mediaType VARCHAR NOT NULL,title VARCHAR,secondaryType VARCHAR,tmdbId INTEGER,mbid VARCHAR,tvdbId INTEGER,imdbId VARCHAR,musicdbId INTEGER,status INTEGER NOT NULL DEFAULT 1,status4k INTEGER NOT NULL DEFAULT 1,createdAt DATETIME NOT NULL DEFAULT (datetime('now')),updatedAt DATETIME NOT NULL DEFAULT (datetime('now')),lastSeasonChange DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,mediaAddedAt DATETIME,serviceId INTEGER,serviceId4k INTEGER,externalServiceId INTEGER,externalServiceId4k INTEGER,externalServiceSlug VARCHAR,externalServiceSlug4k VARCHAR,ratingKey VARCHAR,ratingKey4k VARCHAR,parentRatingKey VARCHAR)"
+    );
+
+    await queryRunner.query(
+      'INSERT INTO temporary_media (id, mediaType, tmdbId, tvdbId, imdbId, status, status4k, createdAt, updatedAt, lastSeasonChange, mediaAddedAt, serviceId, serviceId4k, externalServiceId, externalServiceId4k, externalServiceSlug, externalServiceSlug4k, ratingKey, ratingKey4k) SELECT id, mediaType, tmdbId, tvdbId, imdbId, status, status4k, createdAt, updatedAt, lastSeasonChange, mediaAddedAt, serviceId, serviceId4k, externalServiceId, externalServiceId4k, externalServiceSlug, externalServiceSlug4k, ratingKey, ratingKey4k FROM media'
+    );
+
+    await queryRunner.query(`DROP TABLE media`);
+
+    await queryRunner.query(`ALTER TABLE temporary_media RENAME TO media`);
+
+    await queryRunner.query(
+      `ALTER TABLE media_request ADD secondaryType VARCHAR`
+    );
   }
 
   public async down(queryRunner: QueryRunner): Promise<void> {
@@ -25,6 +43,36 @@ export class PostLidarrSupportIntegration1714310036946
 
     await queryRunner.query('COMMIT');
 
+    await queryRunner.query('BEGIN TRANSACTION');
+
+    await queryRunner.query('ALTER TABLE media RENAME TO _media_old');
+
+    await queryRunner.query(
+      "CREATE TABLE media (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,mediaType VARCHAR NOT NULL,tmdbId INTEGER NOT NULL,tvdbId INTEGER,imdbId VARCHAR,status INTEGER NOT NULL DEFAULT 1,status4k INTEGER NOT NULL DEFAULT 1,createdAt DATETIME NOT NULL DEFAULT (datetime('now')),updatedAt DATETIME NOT NULL DEFAULT (datetime('now')),lastSeasonChange DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,mediaAddedAt DATETIME,serviceId INTEGER,serviceId4k INTEGER,externalServiceId INTEGER,externalServiceId4k INTEGER,externalServiceSlug VARCHAR,externalServiceSlug4k VARCHAR,ratingKey VARCHAR,ratingKey4k VARCHAR)"
+    );
+
+    await queryRunner.query(
+      'INSERT INTO media (id, mediaType, tmdbId, tvdbId, imdbId, status, status4k, createdAt, updatedAt, lastSeasonChange, mediaAddedAt, serviceId, serviceId4k, externalServiceId, externalServiceId4k, externalServiceSlug, externalServiceSlug4k, ratingKey, ratingKey4k) SELECT id, mediaType, tmdbId, tvdbId, imdbId, status, status4k, createdAt, updatedAt, lastSeasonChange, mediaAddedAt, serviceId, serviceId4k, externalServiceId, externalServiceId4k, externalServiceSlug, externalServiceSlug4k, ratingKey, ratingKey4k FROM _media_old'
+    );
+
+    await queryRunner.query('COMMIT');
+
+    await queryRunner.query('BEGIN TRANSACTION');
+
+    await queryRunner.query(
+      'ALTER TABLE media_request RENAME TO _media_request_old'
+    );
+
+    await queryRunner.query(
+      "CREATE TABLE media_request (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,status INTEGER NOT NUL,createdAt DATETIME NOT NULL DEFAULT (datetime('now')),updatedAt DATETIME NOT NULL DEFAULT (datetime('now')),type VARCHAR NOT NULL,is4k BOOLEAN NOT NULL DEFAULT 0,serverId INTEGER,profileId INTEGER,rootFolder VARCHAR,languageProfileId INTEGER,tags TEXT,isAutoRequest BOOLEAN NOT NULL DEFAULT 0,mediaId INTEGER,requestedById INTEGER,modifiedById INTEGER)"
+    );
+
+    await queryRunner.query(
+      'INSERT INTO media_request (id, status, createdAt, updatedAt, type, is4k, serverId, profileId, rootFolder, languageProfileId, tags, isAutoRequest, mediaId, requestedById, modifiedById) SELECT id, status, createdAt, updatedAt, type, is4k, serverId, profileId, rootFolder, languageProfileId, tags, isAutoRequest, mediaId, requestedById, modifiedById FROM _media_request_old'
+    );
+
+    await queryRunner.query('COMMIT');
+
     await queryRunner.query('PRAGMA foreign_keys=on');
   }
 }
diff --git a/src/components/Selector/index.tsx b/src/components/Selector/index.tsx
index 78ce4f1b..e542a142 100644
--- a/src/components/Selector/index.tsx
+++ b/src/components/Selector/index.tsx
@@ -395,14 +395,20 @@ export const WatchProviderSelector = ({
                     role="button"
                     tabIndex={0}
                   >
-                    <CachedImage
-                      src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
-                      alt=""
-                      layout="responsive"
-                      width={1}
-                      height={1}
-                      className="rounded-lg"
-                    />
+                    <div
+                      style={{
+                        width: '100%',
+                        height: '100%',
+                        position: 'relative',
+                      }}
+                    >
+                      <CachedImage
+                        src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
+                        alt=""
+                        className="rounded-lg"
+                        fill
+                      />
+                    </div>
                     {isActive && (
                       <div className="pointer-events-none absolute -top-1 -left-1 flex items-center justify-center text-indigo-100 opacity-90">
                         <CheckCircleIcon className="h-6 w-6" />
@@ -437,14 +443,20 @@ export const WatchProviderSelector = ({
                       role="button"
                       tabIndex={0}
                     >
-                      <CachedImage
-                        src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
-                        alt=""
-                        layout="responsive"
-                        width={1}
-                        height={1}
-                        className="rounded-lg"
-                      />
+                      <div
+                        style={{
+                          width: '100%',
+                          height: '100%',
+                          position: 'relative',
+                        }}
+                      >
+                        <CachedImage
+                          src={`https://image.tmdb.org/t/p/original${provider.logoPath}`}
+                          alt=""
+                          className="rounded-lg"
+                          fill
+                        />
+                      </div>
                       {isActive && (
                         <div className="pointer-events-none absolute -top-1 -left-1 flex items-center justify-center text-indigo-100 opacity-90">
                           <CheckCircleIcon className="h-6 w-6" />