mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-26 06:11:15 +00:00
fix: Move toggle button to its own function
This commit is contained in:
parent
87a01e7246
commit
8b637a1773
1 changed files with 20 additions and 14 deletions
|
@ -49,7 +49,7 @@ import {
|
|||
PurgeType,
|
||||
VoteContentType,
|
||||
} from "../../interfaces";
|
||||
import { mdNoImages, mdToHtml, mdToHtmlInline } from "../../markdown";
|
||||
import { mdToHtml, mdToHtmlInline } from "../../markdown";
|
||||
import { I18NextService, UserService } from "../../services";
|
||||
import { setupTippy } from "../../tippy";
|
||||
import { Icon, PurgeWarning, Spinner } from "../common/icon";
|
||||
|
@ -489,19 +489,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
* If there is a URL, an embed title, and we were not told to show the
|
||||
* body by the parent component, show the MetadataCard/body toggle.
|
||||
*/}
|
||||
{!this.props.showBody && post.url && post.embed_title && (
|
||||
<button
|
||||
className="btn btn-sm btn-link link-dark link-opacity-75 link-opacity-100-hover py-0 align-baseline"
|
||||
data-tippy-content={post.body && mdNoImages.render(post.body)}
|
||||
data-tippy-allowHtml={true}
|
||||
onClick={linkEvent(this, this.handleShowBody)}
|
||||
>
|
||||
<Icon
|
||||
icon={!this.state.showBody ? "plus-square" : "minus-square"}
|
||||
classes="icon-inline"
|
||||
/>
|
||||
</button>
|
||||
)}
|
||||
{!this.props.showBody &&
|
||||
post.url &&
|
||||
post.embed_title &&
|
||||
this.showPreviewButton()}
|
||||
|
||||
{post.removed && (
|
||||
<small className="ms-2 badge text-bg-secondary">
|
||||
|
@ -1380,6 +1371,21 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
);
|
||||
}
|
||||
|
||||
showPreviewButton() {
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-sm btn-link link-dark link-opacity-75 link-opacity-100-hover py-0 align-baseline"
|
||||
onClick={linkEvent(this, this.handleShowBody)}
|
||||
>
|
||||
<Icon
|
||||
icon={!this.state.showBody ? "plus-square" : "minus-square"}
|
||||
classes="icon-inline"
|
||||
/>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
listing() {
|
||||
return (
|
||||
<>
|
||||
|
|
Loading…
Reference in a new issue