add type interface LibraryViewProps

src/routes/movies/CollectionsView.tsx

@@ -1,12 +1,9 @@
 import React, { FC, useCallback } from 'react';
 
 import ViewItemsContainer from '../../components/common/ViewItemsContainer';
+import { LibraryViewProps } from '../../types/interface';
 
-interface CollectionsViewI {
+const CollectionsView: FC<LibraryViewProps> = ({ topParentId }) => {
-    topParentId: string | null;
-}
-
-const CollectionsView: FC<CollectionsViewI> = ({ topParentId }) => {
     const getBasekey = useCallback(() => {
         return 'collections';
     }, []);

src/routes/movies/FavoritesView.tsx

@@ -1,12 +1,9 @@
 import React, { FC, useCallback } from 'react';
 
 import ViewItemsContainer from '../../components/common/ViewItemsContainer';
+import { LibraryViewProps } from '../../types/interface';
 
-interface FavoritesViewI {
+const FavoritesView: FC<LibraryViewProps> = ({ topParentId }) => {
-    topParentId: string | null;
-}
-
-const FavoritesView: FC<FavoritesViewI> = ({ topParentId }) => {
     const getBasekey = useCallback(() => {
         return 'favorites';
     }, []);

src/routes/movies/GenresView.tsx

@@ -4,13 +4,9 @@ import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 're
 import loading from '../../components/loading/loading';
 import * as userSettings from '../../scripts/settings/userSettings';
 import GenresItemsContainer from '../../components/common/GenresItemsContainer';
-import { Query } from '../../types/interface';
+import { LibraryViewProps, Query } from '../../types/interface';
 
-interface GenresViewI {
+const GenresView: FC<LibraryViewProps> = ({ topParentId }) => {
-    topParentId: string | null;
-}
-
-const GenresView: FC<GenresViewI> = ({ topParentId }) => {
     const [ itemsResult, setItemsResult ] = useState<BaseItemDtoQueryResult>({});
     const element = useRef<HTMLDivElement>(null);
 

src/routes/movies/MoviesView.tsx

@@ -1,12 +1,9 @@
 import React, { FC, useCallback } from 'react';
 
 import ViewItemsContainer from '../../components/common/ViewItemsContainer';
+import { LibraryViewProps } from '../../types/interface';
 
-interface MoviesViewI {
+const MoviesView: FC<LibraryViewProps> = ({ topParentId }) => {
-    topParentId: string | null;
-}
-
-const MoviesView: FC<MoviesViewI> = ({ topParentId }) => {
     const getBasekey = useCallback(() => {
         return 'movies';
     }, []);

src/routes/movies/SuggestionsView.tsx

@@ -7,12 +7,9 @@ import dom from '../../scripts/dom';
 import globalize from '../../scripts/globalize';
 import RecommendationContainer from '../../components/common/RecommendationContainer';
 import SectionContainer from '../../components/common/SectionContainer';
+import { LibraryViewProps } from '../../types/interface';
 
-interface SuggestionsViewI {
+const SuggestionsView: FC<LibraryViewProps> = ({topParentId}) => {
-    topParentId: string | null;
-}
-
-const SuggestionsView: FC<SuggestionsViewI> = ({topParentId}) => {
     const [ latestItems, setLatestItems ] = useState<BaseItemDto[]>([]);
     const [ resumeResult, setResumeResult ] = useState<BaseItemDtoQueryResult>({});
     const [ recommendations, setRecommendations ] = useState<RecommendationDto[]>([]);
@@ -86,7 +83,7 @@ const SuggestionsView: FC<SuggestionsViewI> = ({topParentId}) => {
         } else if (screenWidth >= 1200) {
             itemLimit = 6;
         }
-        const url = window.window.ApiClient.getUrl('Movies/Recommendations', {
+        const url = window.ApiClient.getUrl('Movies/Recommendations', {
             userId: userId,
             categoryLimit: 6,
             ItemLimit: itemLimit,

src/routes/movies/TrailersView.tsx

@@ -2,12 +2,9 @@
 import React, { FC, useCallback } from 'react';
 
 import ViewItemsContainer from '../../components/common/ViewItemsContainer';
+import { LibraryViewProps } from '../../types/interface';
 
-interface TrailersViewI {
+const TrailersView: FC<LibraryViewProps> = ({ topParentId }) => {
-    topParentId: string | null;
-}
-
-const TrailersView: FC<TrailersViewI> = ({ topParentId }) => {
     const getBasekey = useCallback(() => {
         return 'trailers';
     }, []);

src/types/interface.ts

@@ -116,3 +116,7 @@ export interface CardOptions {
     containerClass?: string;
     noItemsMessage?: string;
 }
+
+export interface LibraryViewProps {
+    topParentId: string | null;
+}