mirror of
https://github.com/stashapp/stash.git
synced 2025-12-18 04:44:37 +03:00
bcf0fda7ac
* Add UI support for setting containing groups * Show containing groups in group details panel * Move tag hierarchical filter code into separate type * Add depth to scene_count and add sub_group_count * Add sub-groups tab to groups page * Add containing groups to edit groups dialog * Show containing group description in sub-group view * Show group scene number in group scenes view * Add ability to drag move grid cards * Add sub group order option * Add reorder sub-groups interface * Separate page size selector component * Add interfaces to add and remove sub-groups to a group * Separate MultiSet components * Allow setting description while setting containing groups
28 lines
649 B
TypeScript
28 lines
649 B
TypeScript
import React from "react";
|
|
import * as GQL from "src/core/generated-graphql";
|
|
import { GroupCard } from "src/components/Groups/GroupCard";
|
|
|
|
interface ISceneGroupPanelProps {
|
|
scene: GQL.SceneDataFragment;
|
|
}
|
|
|
|
export const SceneGroupPanel: React.FC<ISceneGroupPanelProps> = (
|
|
props: ISceneGroupPanelProps
|
|
) => {
|
|
const cards = props.scene.groups.map((sceneGroup) => (
|
|
<GroupCard
|
|
key={sceneGroup.group.id}
|
|
group={sceneGroup.group}
|
|
sceneNumber={sceneGroup.scene_index ?? undefined}
|
|
/>
|
|
));
|
|
|
|
return (
|
|
<>
|
|
<div className="row justify-content-center">{cards}</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default SceneGroupPanel;
|