Rename Movie to Group in UI (#4963)

* Replace movies with groups in the UI
* Massage menu items
* Change view names
* Rename Movie components to Group
* Refactor movie to group variable names
* Rename movie class names to group
This commit is contained in:
WithoutPants
2024-06-26 11:39:31 +10:00
committed by GitHub
parent d986a9eb4f
commit af6841be49
63 changed files with 643 additions and 612 deletions

View File

@@ -7,7 +7,7 @@ import { Icon } from "../Shared/Icon";
import {
GalleryLink,
TagLink,
MovieLink,
GroupLink,
SceneMarkerLink,
} from "../Shared/TagLink";
import { HoverPopover } from "../Shared/HoverPopover";
@@ -143,24 +143,24 @@ const SceneCardPopovers = PatchComponent(
return <PerformerPopoverButton performers={props.scene.performers} />;
}
function maybeRenderMoviePopoverButton() {
function maybeRenderGroupPopoverButton() {
if (props.scene.movies.length <= 0) return;
const popoverContent = props.scene.movies.map((sceneMovie) => (
<div className="movie-tag-container row" key="movie">
const popoverContent = props.scene.movies.map((sceneGroup) => (
<div className="group-tag-container row" key={sceneGroup.movie.id}>
<Link
to={`/movies/${sceneMovie.movie.id}`}
className="movie-tag col m-auto zoom-2"
to={`/groups/${sceneGroup.movie.id}`}
className="group-tag col m-auto zoom-2"
>
<img
className="image-thumbnail"
alt={sceneMovie.movie.name ?? ""}
src={sceneMovie.movie.front_image_path ?? ""}
alt={sceneGroup.movie.name ?? ""}
src={sceneGroup.movie.front_image_path ?? ""}
/>
</Link>
<MovieLink
key={sceneMovie.movie.id}
movie={sceneMovie.movie}
<GroupLink
key={sceneGroup.movie.id}
group={sceneGroup.movie}
className="d-block"
/>
</div>
@@ -170,7 +170,7 @@ const SceneCardPopovers = PatchComponent(
<HoverPopover
placement="bottom"
content={popoverContent}
className="movie-count tag-tooltip"
className="group-count tag-tooltip"
>
<Button className="minimal">
<Icon icon={faFilm} />
@@ -291,7 +291,7 @@ const SceneCardPopovers = PatchComponent(
<ButtonGroup className="card-popovers">
{maybeRenderTagPopoverButton()}
{maybeRenderPerformerPopoverButton()}
{maybeRenderMoviePopoverButton()}
{maybeRenderGroupPopoverButton()}
{maybeRenderSceneMarkerPopoverButton()}
{maybeRenderOCounter()}
{maybeRenderGallery()}