mirror of
https://github.com/stashapp/stash.git
synced 2025-12-15 21:03:22 +01:00
Use TagLink for parent/child tag badges (#3968)
* Use TagLink for parent/child tag badges * Place hover on bottom
This commit is contained in:
parent
b8e2f2a0fa
commit
a354f9b36b
1 changed files with 3 additions and 8 deletions
|
|
@ -1,6 +1,5 @@
|
|||
import React from "react";
|
||||
import { Badge } from "react-bootstrap";
|
||||
import { Link } from "react-router-dom";
|
||||
import { TagLink } from "src/components/Shared/TagLink";
|
||||
import { DetailItem } from "src/components/Shared/DetailItem";
|
||||
import * as GQL from "src/core/generated-graphql";
|
||||
|
||||
|
|
@ -18,9 +17,7 @@ export const TagDetailsPanel: React.FC<ITagDetails> = ({ tag, fullWidth }) => {
|
|||
return (
|
||||
<>
|
||||
{tag.parents.map((p) => (
|
||||
<Badge key={p.id} className="tag-item" variant="secondary">
|
||||
<Link to={`/tags/${p.id}`}>{p.name}</Link>
|
||||
</Badge>
|
||||
<TagLink key={p.id} tag={p} hoverPlacement="bottom" />
|
||||
))}
|
||||
</>
|
||||
);
|
||||
|
|
@ -34,9 +31,7 @@ export const TagDetailsPanel: React.FC<ITagDetails> = ({ tag, fullWidth }) => {
|
|||
return (
|
||||
<>
|
||||
{tag.children.map((c) => (
|
||||
<Badge key={c.id} className="tag-item" variant="secondary">
|
||||
<Link to={`/tags/${c.id}`}>{c.name}</Link>
|
||||
</Badge>
|
||||
<TagLink key={c.id} tag={c} hoverPlacement="bottom" />
|
||||
))}
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in a new issue