Prettier

ui/v2.5/src/components/scenes/SceneList.tsx

@@ -1,8 +1,12 @@
 import React from "react";
 import _ from "lodash";
 import { QueryHookResult } from "react-apollo-hooks";
-import { useHistory } from 'react-router-dom';
-import { FindScenesQuery, FindScenesVariables, SlimSceneDataFragment } from "src/core/generated-graphql";
+import { useHistory } from "react-router-dom";
+import {
+  FindScenesQuery,
+  FindScenesVariables,
+  SlimSceneDataFragment
+} from "src/core/generated-graphql";
 import { StashService } from "src/core/StashService";
 import { useScenesList } from "src/hooks";
 import { ListFilterModel } from "src/models/list-filter/filter";
@@ -17,7 +21,7 @@ export const SceneList: React.FC = () => {
   const otherOperations = [
     {
       text: "Play Random",
-      onClick: playRandom,
+      onClick: playRandom
     }
   ];
 
@@ -28,32 +32,45 @@ export const SceneList: React.FC = () => {
     renderSelectedOptions
   });
 
-  async function playRandom(result: QueryHookResult<FindScenesQuery, FindScenesVariables>, filter: ListFilterModel) {
+  async function playRandom(
+    result: QueryHookResult<FindScenesQuery, FindScenesVariables>,
+    filter: ListFilterModel
+  ) {
     // query for a random scene
     if (result.data && result.data.findScenes) {
-      const {count} = result.data.findScenes;
+      const { count } = result.data.findScenes;
 
       const index = Math.floor(Math.random() * count);
       const filterCopy = _.cloneDeep(filter);
       filterCopy.itemsPerPage = 1;
       filterCopy.currentPage = index + 1;
       const singleResult = await StashService.queryFindScenes(filterCopy);
-      if (singleResult && singleResult.data && singleResult.data.findScenes && singleResult.data.findScenes.scenes.length === 1) {
-        const {id} = singleResult!.data!.findScenes!.scenes[0];
+      if (
+        singleResult &&
+        singleResult.data &&
+        singleResult.data.findScenes &&
+        singleResult.data.findScenes.scenes.length === 1
+      ) {
+        const { id } = singleResult!.data!.findScenes!.scenes[0];
         // navigate to the scene player page
-        history.push(`/scenes/${  id  }?autoplay=true`);
+        history.push(`/scenes/${id}?autoplay=true`);
       }
     }
   }
 
-  function renderSelectedOptions(result: QueryHookResult<FindScenesQuery, FindScenesVariables>, selectedIds: Set<string>) {
+  function renderSelectedOptions(
+    result: QueryHookResult<FindScenesQuery, FindScenesVariables>,
+    selectedIds: Set<string>
+  ) {
     // find the selected items from the ids
-    if (!result.data || !result.data.findScenes) { return undefined; }
+    if (!result.data || !result.data.findScenes) {
+      return undefined;
+    }
 
-    const {scenes} = result.data.findScenes;
+    const { scenes } = result.data.findScenes;
 
-    const selectedScenes : SlimSceneDataFragment[] = [];
-    selectedIds.forEach((id) => {
+    const selectedScenes: SlimSceneDataFragment[] = [];
+    selectedIds.forEach(id => {
       const scene = scenes.find(s => s.id === id);
 
       if (scene) {
@@ -63,34 +80,54 @@ export const SceneList: React.FC = () => {
 
     return (
       <>
-      <SceneSelectedOptions selected={selectedScenes} onScenesUpdated={() => {  }}/>
+        <SceneSelectedOptions
+          selected={selectedScenes}
+          onScenesUpdated={() => {}}
+        />
       </>
     );
   }
 
-  function renderSceneCard(scene : SlimSceneDataFragment, selectedIds: Set<string>, zoomIndex: number) {
+  function renderSceneCard(
+    scene: SlimSceneDataFragment,
+    selectedIds: Set<string>,
+    zoomIndex: number
+  ) {
     return (
       <SceneCard
         key={scene.id}
         scene={scene}
         zoomIndex={zoomIndex}
         selected={selectedIds.has(scene.id)}
-        onSelectedChanged={(selected: boolean, shiftKey: boolean) => listData.onSelectChange(scene.id, selected, shiftKey)}
+        onSelectedChanged={(selected: boolean, shiftKey: boolean) =>
+          listData.onSelectChange(scene.id, selected, shiftKey)
+        }
       />
-    )
+    );
   }
 
-  function renderContent(result: QueryHookResult<FindScenesQuery, FindScenesVariables>, filter: ListFilterModel, selectedIds: Set<string>, zoomIndex: number) {
-    if (!result.data || !result.data.findScenes) { return; }
+  function renderContent(
+    result: QueryHookResult<FindScenesQuery, FindScenesVariables>,
+    filter: ListFilterModel,
+    selectedIds: Set<string>,
+    zoomIndex: number
+  ) {
+    if (!result.data || !result.data.findScenes) {
+      return;
+    }
     if (filter.displayMode === DisplayMode.Grid) {
       return (
         <div className="grid">
-          {result.data.findScenes.scenes.map((scene) => renderSceneCard(scene, selectedIds, zoomIndex))}
+          {result.data.findScenes.scenes.map(scene =>
+            renderSceneCard(scene, selectedIds, zoomIndex)
+          )}
         </div>
       );
-    } if (filter.displayMode === DisplayMode.List) {
-      return <SceneListTable scenes={result.data.findScenes.scenes}/>;
-    } if (filter.displayMode === DisplayMode.Wall) {
+    }
+    if (filter.displayMode === DisplayMode.List) {
+      return <SceneListTable scenes={result.data.findScenes.scenes} />;
+    }
+    if (filter.displayMode === DisplayMode.Wall) {
       return <WallPanel scenes={result.data.findScenes.scenes} />;
     }
   }