reformat code

src/elements/Popups/AddActorPopup/AddActorPopup.module.css

@@ -9,9 +9,9 @@
     width: 140px;
 }
 
-.searchinput{
+.searchinput {
-    width: 120px;
     float: left;
+    width: 120px;
 }
 
 .searchbar {

src/elements/Popups/AddActorPopup/AddActorPopup.tsx

@@ -93,7 +93,7 @@ class AddActorPopup extends React.Component<props, state> {
                                            onChange={(e): void => {
                                                this.setState({filter: e.target.value});
                                            }}
-                                    ref={(input): void => {this.filterfield = input;}}/>
+                                           ref={(input): void => {this.filterfield = input;}}/>
                                     <Button title={<FontAwesomeIcon style={{
                                         verticalAlign: 'middle',
                                         lineHeight: '130px'
@@ -120,14 +120,6 @@ class AddActorPopup extends React.Component<props, state> {
         }
     }
 
-    /**
-     * filter the actor array for search matches
-     * @param actor
-     */
-    private filterSearch(actor: ActorType): boolean {
-        return actor.name.toLowerCase().includes(this.state.filter.toLowerCase());
-    }
-
     /**
      * event handling for ActorTile Click
      */
@@ -155,6 +147,14 @@ class AddActorPopup extends React.Component<props, state> {
             this.setState({actors: result});
         });
     }
+
+    /**
+     * filter the actor array for search matches
+     * @param actor
+     */
+    private filterSearch(actor: ActorType): boolean {
+        return actor.name.toLowerCase().includes(this.state.filter.toLowerCase());
+    }
 }
 
 export default AddActorPopup;

src/elements/Preview/Preview.tsx

@@ -5,7 +5,7 @@ import {Link} from 'react-router-dom';
 import GlobalInfos from '../../utils/GlobalInfos';
 import {callAPIPlain} from '../../utils/Api';
 
-interface PreviewProps{
+interface PreviewProps {
     name: string;
     movie_id: number;
 }
@@ -62,7 +62,7 @@ class Preview extends React.Component<PreviewProps, PreviewState> {
 /**
  * Component for a Tag-name tile (used in category page)
  */
-export class TagPreview extends React.Component<{name: string}> {
+export class TagPreview extends React.Component<{ name: string }> {
     render(): JSX.Element {
         const themeStyle = GlobalInfos.getThemeStyle();
         return (

src/types/ApiTypes.ts

@@ -1,6 +1,6 @@
 import {ActorType, TagType} from './VideoTypes';
 
-export namespace VideoTypes{
+export namespace VideoTypes {
     export interface loadVideoType {
         movie_url: string
         thumbnail: string
@@ -14,7 +14,7 @@ export namespace VideoTypes{
         actors: ActorType[]
     }
 
-    export interface startDataType{
+    export interface startDataType {
         total: number;
         fullhd: number;
         hd: number;
@@ -28,14 +28,14 @@ export namespace VideoTypes{
     }
 }
 
-export namespace SettingsTypes{
+export namespace SettingsTypes {
     export interface initialApiCallData {
         DarkMode: boolean;
         passwordEnabled: boolean;
         mediacenter_name: string;
     }
 
-    export interface loadGeneralSettingsType{
+    export interface loadGeneralSettingsType {
         video_path: string,
         episode_path: string,
         mediacenter_name: string,
@@ -49,13 +49,13 @@ export namespace SettingsTypes{
         tagsadded: number
     }
 
-    export interface getStatusMessageType{
+    export interface getStatusMessageType {
         contentAvailable: boolean;
         message: string;
     }
 }
 
-export namespace ActorTypes{
+export namespace ActorTypes {
     /**
      * result of actor fetch
      */

src/types/VideoTypes.ts

@@ -1,5 +1,3 @@
-
-
 /**
  * type accepted by Tag component
  */