Adding icons to stickied, deleted, and locked.
This commit is contained in:
parent
0ce63d6ffa
commit
219d728955
1 changed files with 22 additions and 7 deletions
29
ui/src/components/post-listing.tsx
vendored
29
ui/src/components/post-listing.tsx
vendored
|
@ -339,7 +339,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
title={this.state.url}
|
title={this.state.url}
|
||||||
>
|
>
|
||||||
{new URL(this.state.url).hostname}
|
{new URL(this.state.url).hostname}
|
||||||
<svg class="ml-1 icon">
|
<svg class="ml-1 icon icon-inline">
|
||||||
<use xlinkHref="#icon-external-link"></use>
|
<use xlinkHref="#icon-external-link"></use>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
|
@ -391,18 +391,33 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
{post.deleted && (
|
{post.deleted && (
|
||||||
<small className="ml-2 text-muted font-italic">
|
<small
|
||||||
{i18n.t('deleted')}
|
className="unselectable pointer ml-2 text-muted font-italic"
|
||||||
|
data-tippy-content={i18n.t('deleted')}
|
||||||
|
>
|
||||||
|
<svg class={`icon icon-inline text-danger`}>
|
||||||
|
<use xlinkHref="#icon-trash"></use>
|
||||||
|
</svg>
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
{post.locked && (
|
{post.locked && (
|
||||||
<small className="ml-2 text-muted font-italic">
|
<small
|
||||||
{i18n.t('locked')}
|
className="unselectable pointer ml-2 text-muted font-italic"
|
||||||
|
data-tippy-content={i18n.t('locked')}
|
||||||
|
>
|
||||||
|
<svg class={`icon icon-inline text-danger`}>
|
||||||
|
<use xlinkHref="#icon-lock"></use>
|
||||||
|
</svg>
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
{post.stickied && (
|
{post.stickied && (
|
||||||
<small className="ml-2 text-muted font-italic">
|
<small
|
||||||
{i18n.t('stickied')}
|
className="unselectable pointer ml-2 text-muted font-italic"
|
||||||
|
data-tippy-content={i18n.t('stickied')}
|
||||||
|
>
|
||||||
|
<svg class={`icon icon-inline text-success`}>
|
||||||
|
<use xlinkHref="#icon-pin"></use>
|
||||||
|
</svg>
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
{post.nsfw && (
|
{post.nsfw && (
|
||||||
|
|
Reference in a new issue