File storage rewrite (#2676)

* Restructure data layer part 2 (#2599)
* Refactor and separate image model
* Refactor image query builder
* Handle relationships in image query builder
* Remove relationship management methods
* Refactor gallery model/query builder
* Add scenes to gallery model
* Convert scene model
* Refactor scene models
* Remove unused methods
* Add unit tests for gallery
* Add image tests
* Add scene tests
* Convert unnecessary scene value pointers to values
* Convert unnecessary pointer values to values
* Refactor scene partial
* Add scene partial tests
* Refactor ImagePartial
* Add image partial tests
* Refactor gallery partial update
* Add partial gallery update tests
* Use zero/null package for null values
* Add files and scan system
* Add sqlite implementation for files/folders
* Add unit tests for files/folders
* Image refactors
* Update image data layer
* Refactor gallery model and creation
* Refactor scene model
* Refactor scenes
* Don't set title from filename
* Allow galleries to freely add/remove images
* Add multiple scene file support to graphql and UI
* Add multiple file support for images in graphql/UI
* Add multiple file for galleries in graphql/UI
* Remove use of some deprecated fields
* Remove scene path usage
* Remove gallery path usage
* Remove path from image
* Move funscript to video file
* Refactor caption detection
* Migrate existing data
* Add post commit/rollback hook system
* Lint. Comment out import/export tests
* Add WithDatabase read only wrapper
* Prepend tasks to list
* Add 32 pre-migration
* Add warnings in release and migration notes

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

@@ -7,6 +7,7 @@ import * as GQL from "src/core/generated-graphql";
 import { NavUtils, TextUtils } from "src/utils";
 import { Icon } from "src/components/Shared";
 import { FormattedMessage } from "react-intl";
+import { objectTitle } from "src/core/files";
 
 interface ISceneListTableProps {
   scenes: GQL.SlimSceneDataFragment[];
@@ -47,6 +48,10 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
       : `/scenes/${scene.id}`;
 
     let shiftKey = false;
+
+    const file = scene.files.length > 0 ? scene.files[0] : undefined;
+
+    const title = objectTitle(scene);
     return (
       <tr key={scene.id}>
         <td>
@@ -73,21 +78,18 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
           <Link to={sceneLink}>
             <img
               className="image-thumbnail"
-              alt={scene.title ?? ""}
+              alt={title}
               src={scene.paths.screenshot ?? ""}
             />
           </Link>
         </td>
         <td className="text-left">
           <Link to={sceneLink}>
-            <h5>{scene.title ?? TextUtils.fileNameFromPath(scene.path)}</h5>
+            <h5>{title}</h5>
           </Link>
         </td>
         <td>{scene.rating ? scene.rating : ""}</td>
-        <td>
-          {scene.file.duration &&
-            TextUtils.secondsToTimestamp(scene.file.duration)}
-        </td>
+        <td>{file?.duration && TextUtils.secondsToTimestamp(file.duration)}</td>
         <td>{renderTags(scene.tags)}</td>
         <td>{renderPerformers(scene.performers)}</td>
         <td>