This commit is contained in:
Infinite
2020-02-09 13:22:19 +01:00
parent a7df23c54d
commit a43cae43c0
33 changed files with 246 additions and 194 deletions

View File

@@ -11,27 +11,30 @@ interface ISceneListTableProps {
export const SceneListTable: React.FC<ISceneListTableProps> = (
props: ISceneListTableProps
) => {
const renderTags = (tags: GQL.Tag[]) => (
const renderTags = (tags: GQL.Tag[]) =>
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.Performer>[]) =>
performers.map(performer => (
<Link key={performer.id} to={NavUtils.makePerformerScenesUrl(performer)} />
))
);
<Link
key={performer.id}
to={NavUtils.makePerformerScenesUrl(performer)}
/>
));
const renderSceneRow = (scene: GQL.SlimSceneDataFragment) => (
<tr key={scene.id}>
<td>
<Link
to={`/scenes/${scene.id}`}
>
<img className="image-thumbnail" alt={scene.title ?? ''} src={scene.paths.screenshot ?? ''} />
<Link to={`/scenes/${scene.id}`}>
<img
className="image-thumbnail"
alt={scene.title ?? ""}
src={scene.paths.screenshot ?? ""}
/>
</Link>
</td>
<td className="text-left">
@@ -42,17 +45,21 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
</Link>
</td>
<td>{scene.rating ? scene.rating : ""}</td>
<td>{scene.file.duration && TextUtils.secondsToTimestamp(scene.file.duration) }</td>
<td>
{scene.file.duration &&
TextUtils.secondsToTimestamp(scene.file.duration)}
</td>
<td>{renderTags(scene.tags)}</td>
<td>{renderPerformers(scene.performers)}</td>
<td>{ scene.studio && (
<Link to={NavUtils.makeStudioScenesUrl(scene.studio)}>
<h6>{scene.studio.name}</h6>
</Link>
)}
<td>
{scene.studio && (
<Link to={NavUtils.makeStudioScenesUrl(scene.studio)}>
<h6>{scene.studio.name}</h6>
</Link>
)}
</td>
</tr>
)
);
return (
<div className="row table-list col col-lg-8 mx-auto">