fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-27 03:04:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Show metadata preview card on all post pages

Browse source
This commit is contained in:
Jay Sitter 2023-06-26 20:12:21 -04:00
parent 1dd83dafdc
commit 5c964440da
2 changed files with 47 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/shared/components/post/metadata-card.tsx
View file

@ -8,23 +8,16 @@ interface MetadataCardProps {
post: Post; post: Post;
} }
interface MetadataCardState { export class MetadataCard extends Component<MetadataCardProps> {
expanded: boolean;
}
export class MetadataCard extends Component<
MetadataCardProps,
MetadataCardState
> {
constructor(props: any, context: any) { constructor(props: any, context: any) {
super(props, context); super(props, context);
} }
render() { render() {
const post = this.props.post; const post = this.props.post;
if (post.embed_title && post.url) {
return ( return (
<>
{post.embed_title && post.url && (
<div className="post-metadata-card card border-secondary mt-3 mb-2"> <div className="post-metadata-card card border-secondary mt-3 mb-2">
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
@ -60,8 +53,9 @@ export class MetadataCard extends Component<
</div> </div>
</div> </div>
</div> </div>
)}
</>
); );
} else {
return <></>;
}
} }
} }

11
src/shared/components/post/post-listing.tsx
View file

@ -105,6 +105,9 @@ interface PostListingProps {
allLanguages: Language[]; allLanguages: Language[];
siteLanguages: number[]; siteLanguages: number[];
showCommunity?: boolean; showCommunity?: boolean;
/**
* Controls whether to show both the body *and* the metadata preview card
*/
showBody?: boolean; showBody?: boolean;
hideImage?: boolean; hideImage?: boolean;
enableDownvotes?: boolean; enableDownvotes?: boolean;
@ -200,7 +203,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<> <>
{this.listing()} {this.listing()}
{this.state.imageExpanded && !this.props.hideImage && this.img} {this.state.imageExpanded && !this.props.hideImage && this.img}
{post.url && this.state.showBody && post.embed_title && ( {this.showBody && post.url && post.embed_title && (
<MetadataCard post={post} /> <MetadataCard post={post} />
)} )}
{this.showBody && this.body()} {this.showBody && this.body()}
@ -483,10 +486,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</h5> </h5>
{/** {/**
* If there is a URL, or if the post has a body and we were told not to * If there is a URL, an embed title, and we were not told to show the
* show the body, show the MetadataCard/body toggle. * body by the parent component, show the MetadataCard/body toggle.
*/} */}
{(post.url || (post.body && !this.props.showBody)) && ( {!this.props.showBody && post.url && post.embed_title && (
<button <button
className="btn btn-sm btn-link link-dark link-opacity-75 link-opacity-100-hover py-0 align-baseline" 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-content={post.body && mdNoImages.render(post.body)}