fix(Web-UI): Display the default image when failing to request a thum…

…bnail in the PosterView of media

src/WebAPI/ClientAppV2/src/components/MediaOverview/MediaOverview.vue

@@ -451,6 +451,7 @@ onMounted(() => {
 				set(isRefreshing, data.isRefreshing);
 				if (data.isComplete) {
 					onRequestMedia({ size: 0, page: 0 });
+					set(isRefreshing, false);
 				}
 			}
 		}),

src/WebAPI/ClientAppV2/src/types/api/baseApi.ts

@@ -9,19 +9,22 @@ import ResultDTO from '@dto/ResultDTO';
 export function checkForError<T = any>(
 	logText?: string,
 	fnName?: string,
+	suppressAlert?: boolean,
 ): (source$: AxiosObservable<ResultDTO<T>>) => Observable<ResultDTO<T>> {
 	return (source$) =>
 		source$.pipe(
 			catchError((error: AxiosError | any) => {
 				Log.error('FATAL NETWORK ERROR: ', error);
 
 				const url = new URL(error.config.url, error.config.baseURL);
-				AlertService.showAlert({
-					id: 0,
-					title: error.message,
-					text: `Failed a request to url: ${url}`,
-					result: JSON.parse(error.config.data),
-				});
+				if (!suppressAlert) {
+					AlertService.showAlert({
+						id: 0,
+						title: error.message,
+						text: `Failed a request to url: ${url}`,
+						result: JSON.parse(error.config.data),
+					});
+				}
 
 				// TODO Check wat the error contains in-case, of network failure and continue based on that
 				return of({

src/WebAPI/ClientAppV2/src/types/class/PlexRipperAxios.ts

@@ -30,7 +30,7 @@ export default class PlexRipperAxios {
 		return Axios.get<ResultDTO<T>>(url, {
 			params,
 			responseType,
-		});
+		}).pipe(checkForError<T>('Image', 'getImage', true));
 	}
 
 	public static put<T = any>({ url, data, apiCategory, apiName }: PlexRipperAxiosPut) {