Apply scene queuing for all scene listviews (#1332)

* Apply queue population for all scene list views
* Add missing localisation strings

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

@@ -12,6 +12,7 @@ import {
   TruncatedText,
 } from "src/components/Shared";
 import { TextUtils } from "src/utils";
+import { SceneQueue } from "src/models/sceneQueue";
 import { PerformerPopoverButton } from "../Shared/PerformerPopoverButton";
 
 interface IScenePreviewProps {
@@ -65,12 +66,13 @@ export const ScenePreview: React.FC<IScenePreviewProps> = ({
 
 interface ISceneCardProps {
   scene: GQL.SlimSceneDataFragment;
+  index?: number;
+  queue?: SceneQueue;
   compact?: boolean;
   selecting?: boolean;
   selected?: boolean | undefined;
   zoomIndex?: number;
   onSelectedChanged?: (selected: boolean, shiftKey: boolean) => void;
-  onSceneClicked?: () => void;
 }
 
 export const SceneCard: React.FC<ISceneCardProps> = (
@@ -300,9 +302,6 @@ export const SceneCard: React.FC<ISceneCardProps> = (
     if (props.selecting && props.onSelectedChanged) {
       props.onSelectedChanged(!props.selected, shiftKey);
       event.preventDefault();
-    } else if (props.onSceneClicked) {
-      props.onSceneClicked();
-      event.preventDefault();
     }
   }
 
@@ -340,6 +339,10 @@ export const SceneCard: React.FC<ISceneCardProps> = (
 
   let shiftKey = false;
 
+  const sceneLink = props.queue
+    ? props.queue.makeLink(props.scene.id, { sceneIndex: props.index })
+    : `/scenes/${props.scene.id}`;
+
   return (
     <Card className={`scene-card ${zoomIndex()}`}>
       <Form.Control
@@ -356,7 +359,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
 
       <div className="video-section">
         <Link
-          to={`/scenes/${props.scene.id}`}
+          to={sceneLink}
           className="scene-card-link"
           onClick={handleSceneClick}
           onDragStart={handleDrag}