Minor gallery-related fixes (#3448)

* Fix gallery titles
* Fix SceneListTable

ui/v2.5/src/components/Scenes/SceneListTable.tsx

@@ -1,14 +1,13 @@
-// @ts-nocheck
-/* eslint-disable jsx-a11y/control-has-associated-label */
 import React from "react";
-import { Table, Button, Form } from "react-bootstrap";
+import { Table, Form } from "react-bootstrap";
 import { Link } from "react-router-dom";
 import * as GQL from "src/core/generated-graphql";
 import NavUtils from "src/utils/navigation";
 import TextUtils from "src/utils/text";
-import { Icon } from "src/components/Shared/Icon";
 import { FormattedMessage } from "react-intl";
 import { objectTitle } from "src/core/files";
+import { galleryTitle } from "src/core/galleries";
+import SceneQueue from "src/models/sceneQueue";
 
 interface ISceneListTableProps {
   scenes: GQL.SlimSceneDataFragment[];
@@ -20,14 +19,14 @@ interface ISceneListTableProps {
 export const SceneListTable: React.FC<ISceneListTableProps> = (
   props: ISceneListTableProps
 ) => {
-  const renderTags = (tags: GQL.SlimTagDataFragment[]) =>
+  const renderTags = (tags: Partial<GQL.TagDataFragment>[]) =>
     tags.map((tag) => (
       <Link key={tag.id} to={NavUtils.makeTagScenesUrl(tag)}>
         <h6>{tag.name}</h6>
       </Link>
     ));
 
-  const renderPerformers = (performers: Partial<GQL.Performer>[]) =>
+  const renderPerformers = (performers: Partial<GQL.PerformerDataFragment>[]) =>
     performers.map((performer) => (
       <Link key={performer.id} to={NavUtils.makePerformerScenesUrl(performer)}>
         <h6>{performer.name}</h6>
@@ -35,16 +34,21 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
     ));
 
   const renderMovies = (scene: GQL.SlimSceneDataFragment) =>
-    scene.movies.map((sceneMovie) =>
-      !sceneMovie.movie ? undefined : (
-        <Link
-          key={sceneMovie.movie.id}
-          to={NavUtils.makeMovieScenesUrl(sceneMovie.movie)}
-        >
-          <h6>{sceneMovie.movie.name}</h6>
-        </Link>
-      )
-    );
+    scene.movies.map((sceneMovie) => (
+      <Link
+        key={sceneMovie.movie.id}
+        to={NavUtils.makeMovieScenesUrl(sceneMovie.movie)}
+      >
+        <h6>{sceneMovie.movie.name}</h6>
+      </Link>
+    ));
+
+  const renderGalleries = (scene: GQL.SlimSceneDataFragment) =>
+    scene.galleries.map((gallery) => (
+      <Link key={gallery.id} to={`/galleries/${gallery.id}`}>
+        <h6>{galleryTitle(gallery)}</h6>
+      </Link>
+    ));
 
   const renderSceneRow = (scene: GQL.SlimSceneDataFragment, index: number) => {
     const sceneLink = props.queue
@@ -64,7 +68,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
               type="checkbox"
               checked={props.selectedIds.has(scene.id)}
               onChange={() =>
-                props.onSelectChange!(
+                props.onSelectChange(
                   scene.id,
                   !props.selectedIds.has(scene.id),
                   shiftKey
@@ -106,15 +110,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
           )}
         </td>
         <td>{renderMovies(scene)}</td>
-        <td>
-          {scene.gallery && (
-            <Button className="minimal">
-              <Link to={`/galleries/${scene.gallery.id}`}>
-                <Icon icon={faImage} />
-              </Link>
-            </Button>
-          )}
-        </td>
+        <td>{renderGalleries(scene)}</td>
       </tr>
     );
   };
@@ -148,7 +144,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
               <FormattedMessage id="movies" />
             </th>
             <th>
-              <FormattedMessage id="gallery" />
+              <FormattedMessage id="galleries" />
             </th>
           </tr>
         </thead>