grishka/lemmy
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge branch 'feature/frontend-usability-features' of https://github.com/richardj/lemmy into richardj-feature/frontend-usability-features

Browse source
This commit is contained in:
Dessalines 2020-01-19 09:29:03 -05:00
commit 1ba10541c1
19 changed files with 179 additions and 164 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ui/src/components/communities.tsx vendored
View file

@ -80,37 +80,37 @@ export class Communities extends Component<any, CommunitiesState> {
return ( return (
<div class="container"> <div class="container">
{this.state.loading ? ( {this.state.loading ? (
<h5 class=""> <p class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>
</h5> </p>
) : ( ) : (
<div> <div>
<h5> <h5>
<T i18nKey="list_of_communities">#</T> { i18n.t('list_of_communities') }
</h5> </h5>
<div class="table-responsive"> <div class="table-responsive">
<table id="community_table" class="table table-sm table-hover"> <table id="community_table" class="table table-sm table-hover">
<thead class="pointer"> <thead class="pointer">
<tr> <tr>
<th> <th>
<T i18nKey="name">#</T> { i18n.t('name') }
</th> </th>
<th class="d-none d-lg-table-cell"> <th class="d-none d-lg-table-cell">
<T i18nKey="title">#</T> { i18n.t('title') }
</th> </th>
<th> <th>
<T i18nKey="category">#</T> { i18n.t('category') }
</th> </th>
<th class="text-right"> <th class="text-right">
<T i18nKey="subscribers">#</T> { i18n.t('subscribers') }
</th> </th>
<th class="text-right d-none d-lg-table-cell"> <th class="text-right d-none d-lg-table-cell">
<T i18nKey="posts">#</T> { i18n.t('posts') }
</th> </th>
<th class="text-right d-none d-lg-table-cell"> <th class="text-right d-none d-lg-table-cell">
<T i18nKey="comments">#</T> { i18n.t('comments') }
</th> </th>
<th></th> <th></th>
</tr> </tr>
@ -153,7 +153,7 @@ export class Communities extends Component<any, CommunitiesState> {
this.handleSubscribe this.handleSubscribe
)} )}
> >
<T i18nKey="subscribe">#</T> { i18n.t('subscribe') }
</span> </span>
)} )}
</td> </td>
@ -177,14 +177,14 @@ export class Communities extends Component<any, CommunitiesState> {
class="btn btn-sm btn-secondary mr-1" class="btn btn-sm btn-secondary mr-1"
onClick={linkEvent(this, this.prevPage)} onClick={linkEvent(this, this.prevPage)}
> >
<T i18nKey="prev">#</T> { i18n.t('prev') }
</button> </button>
)} )}
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
<T i18nKey="next">#</T> { i18n.t('next') }
</button> </button>
</div> </div>
); );

12
ui/src/components/community.tsx vendored
View file

@ -125,11 +125,11 @@ export class Community extends Component<any, State> {
return ( return (
<div class="container"> <div class="container">
{this.state.loading ? ( {this.state.loading ? (
<h5> <p class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>
</h5> </p>
) : ( ) : (
<div class="row"> <div class="row">
<div class="col-12 col-md-8"> <div class="col-12 col-md-8">
@ -137,12 +137,12 @@ export class Community extends Component<any, State> {
{this.state.community.title} {this.state.community.title}
{this.state.community.removed && ( {this.state.community.removed && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="removed">#</T> { i18n.t('removed') }
</small> </small>
)} )}
{this.state.community.nsfw && ( {this.state.community.nsfw && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="nsfw">#</T> { i18n.t('nsfw') }
</small> </small>
)} )}
</h5> </h5>
@ -189,14 +189,14 @@ export class Community extends Component<any, State> {
class="btn btn-sm btn-secondary mr-1" class="btn btn-sm btn-secondary mr-1"
onClick={linkEvent(this, this.prevPage)} onClick={linkEvent(this, this.prevPage)}
> >
<T i18nKey="prev">#</T> { i18n.t('prev') }
</button> </button>
)} )}
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
<T i18nKey="next">#</T> { i18n.t('next') }
</button> </button>
</div> </div>
); );

2
ui/src/components/create-community.tsx vendored
View file

@ -23,7 +23,7 @@ export class CreateCommunity extends Component<any, any> {
<div class="row"> <div class="row">
<div class="col-12 col-lg-6 offset-lg-3 mb-4"> <div class="col-12 col-lg-6 offset-lg-3 mb-4">
<h2> <h2>
<T i18nKey="create_community">#</T> { i18n.t('create_community') }
</h2> </h2>
<CommunityForm onCreate={this.handleCommunityCreate} /> <CommunityForm onCreate={this.handleCommunityCreate} />
</div> </div>

10
ui/src/components/footer.tsx vendored
View file

@ -2,7 +2,7 @@ import { Component } from 'inferno';
import { Link } from 'inferno-router'; import { Link } from 'inferno-router';
import { repoUrl } from '../utils'; import { repoUrl } from '../utils';
import { version } from '../version'; import { version } from '../version';
import { T } from 'inferno-i18next'; import { i18n } from '../i18next';
export class Footer extends Component<any, any> { export class Footer extends Component<any, any> {
constructor(props: any, context: any) { constructor(props: any, context: any) {
@ -19,22 +19,22 @@ export class Footer extends Component<any, any> {
</li> </li>
<li class="nav-item"> <li class="nav-item">
<Link class="nav-link" to="/modlog"> <Link class="nav-link" to="/modlog">
<T i18nKey="modlog">#</T> { i18n.t('modlog') }
</Link> </Link>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href={'/docs/index.html'}> <a class="nav-link" href={'/docs/index.html'}>
<T i18nKey="docs">#</T> { i18n.t('docs') }
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<Link class="nav-link" to="/sponsors"> <Link class="nav-link" to="/sponsors">
<T i18nKey="sponsors">#</T> { i18n.t('sponsors') }
</Link> </Link>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href={repoUrl}> <a class="nav-link" href={repoUrl}>
<T i18nKey="code">#</T> { i18n.t('code') }
</a> </a>
</li> </li>
</ul> </ul>

21
ui/src/components/inbox.tsx vendored
View file

@ -108,7 +108,7 @@ export class Inbox extends Component<any, InboxState> {
<ul class="list-inline mb-1 text-muted small font-weight-bold"> <ul class="list-inline mb-1 text-muted small font-weight-bold">
<li className="list-inline-item"> <li className="list-inline-item">
<span class="pointer" onClick={this.markAllAsRead}> <span class="pointer" onClick={this.markAllAsRead}>
<T i18nKey="mark_all_as_read">#</T> { i18n.t('mark_all_as_read') }
</span> </span>
</li> </li>
</ul> </ul>
@ -133,13 +133,14 @@ export class Inbox extends Component<any, InboxState> {
class="custom-select custom-select-sm w-auto mr-2" class="custom-select custom-select-sm w-auto mr-2"
> >
<option disabled> <option disabled>
<T i18nKey="type">#</T> { i18n.t('type') }
</option> </option>
<option value={UnreadOrAll.Unread}> <option value={UnreadOrAll.Unread}>
<T i18nKey="unread">#</T> { i18n.t('unread') }
</option> </option>
<option value={UnreadOrAll.All}> <option value={UnreadOrAll.All}>
<T i18nKey="all">#</T> { i18n.t('all') }
</option> </option>
</select> </select>
<select <select
@ -148,16 +149,16 @@ export class Inbox extends Component<any, InboxState> {
class="custom-select custom-select-sm w-auto mr-2" class="custom-select custom-select-sm w-auto mr-2"
> >
<option disabled> <option disabled>
<T i18nKey="type">#</T> { i18n.t('type') }
</option> </option>
<option value={UnreadType.Both}> <option value={UnreadType.Both}>
<T i18nKey="both">#</T> { i18n.t('both') }
</option> </option>
<option value={UnreadType.Replies}> <option value={UnreadType.Replies}>
<T i18nKey="replies">#</T> { i18n.t('replies') }
</option> </option>
<option value={UnreadType.Mentions}> <option value={UnreadType.Mentions}>
<T i18nKey="mentions">#</T> { i18n.t('mentions') }
</option> </option>
</select> </select>
<SortSelect <SortSelect
@ -228,14 +229,14 @@ export class Inbox extends Component<any, InboxState> {
class="btn btn-sm btn-secondary mr-1" class="btn btn-sm btn-secondary mr-1"
onClick={linkEvent(this, this.prevPage)} onClick={linkEvent(this, this.prevPage)}
> >
<T i18nKey="prev">#</T> { i18n.t('prev') }
</button> </button>
)} )}
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
<T i18nKey="next">#</T> { i18n.t('next') }
</button> </button>
</div> </div>
); );

1
ui/src/components/login.tsx vendored
View file

@ -123,7 +123,6 @@ export class Login extends Component<any, State> {
</button> </button>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<div class="col-sm-10"> <div class="col-sm-10">
<button type="submit" class="btn btn-secondary"> <button type="submit" class="btn btn-secondary">

2
ui/src/components/main.tsx vendored
View file

@ -414,7 +414,7 @@ export class Main extends Component<any, MainState> {
return ( return (
<div class="main-content-wrapper"> <div class="main-content-wrapper">
{this.state.loading ? ( {this.state.loading ? (
<p style="text-align: center;"> <p class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>

14
ui/src/components/modlog.tsx vendored
View file

@ -350,7 +350,7 @@ export class Modlog extends Component<any, ModlogState> {
return ( return (
<div class="container"> <div class="container">
{this.state.loading ? ( {this.state.loading ? (
<h5 class=""> <h5 class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>
@ -366,15 +366,15 @@ export class Modlog extends Component<any, ModlogState> {
/c/{this.state.communityName}{' '} /c/{this.state.communityName}{' '}
</Link> </Link>
)} )}
<span>Modlog</span> <span>{ i18n.t('modlog') }</span>
</h5> </h5>
<div class="table-responsive"> <div class="table-responsive">
<table id="modlog_table" class="table table-sm table-hover"> <table id="modlog_table" class="table table-sm table-hover">
<thead class="pointer"> <thead class="pointer">
<tr> <tr>
<th>Time</th> <th> { i18n.t('time')}</th>
<th>Mod</th> <th>{ i18n.t('mod')}</th>
<th>Action</th> <th>{ i18n.t('action')}</th>
</tr> </tr>
</thead> </thead>
{this.combined()} {this.combined()}
@ -395,14 +395,14 @@ export class Modlog extends Component<any, ModlogState> {
class="btn btn-sm btn-secondary mr-1" class="btn btn-sm btn-secondary mr-1"
onClick={linkEvent(this, this.prevPage)} onClick={linkEvent(this, this.prevPage)}
> >
Prev { i18n.t('prev') }
</button> </button>
)} )}
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
Next { i18n.t('next') }
</button> </button>
</div> </div>
); );

2
ui/src/components/password_change.tsx vendored
View file

@ -65,7 +65,7 @@ export class PasswordChange extends Component<any, State> {
<div class="row"> <div class="row">
<div class="col-12 col-lg-6 offset-lg-3 mb-4"> <div class="col-12 col-lg-6 offset-lg-3 mb-4">
<h5> <h5>
<T i18nKey="password_change">#</T> { i18n.t('password_change') }
</h5> </h5>
{this.passwordChangeForm()} {this.passwordChangeForm()}
</div> </div>

49
ui/src/components/post-listing.tsx vendored
View file

@ -231,27 +231,27 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
)} )}
{post.removed && ( {post.removed && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="removed">#</T> { i18n.t('removed') }
</small> </small>
)} )}
{post.deleted && ( {post.deleted && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="deleted">#</T> { i18n.t('deleted') }
</small> </small>
)} )}
{post.locked && ( {post.locked && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="locked">#</T> { i18n.t('locked') }
</small> </small>
)} )}
{post.stickied && ( {post.stickied && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="stickied">#</T> { i18n.t('stickied') }
</small> </small>
)} )}
{post.nsfw && ( {post.nsfw && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="nsfw">#</T> { i18n.t('nsfw') }
</small> </small>
)} )}
</div> </div>
@ -273,17 +273,17 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</Link> </Link>
{this.isMod && ( {this.isMod && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-light">
<T i18nKey="mod">#</T> { i18n.t('mod') }
</span> </span>
)} )}
{this.isAdmin && ( {this.isAdmin && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-light">
<T i18nKey="admin">#</T> { i18n.t('admin') }
</span> </span>
)} )}
{(post.banned_from_community || post.banned) && ( {(post.banned_from_community || post.banned) && (
<span className="mx-1 badge badge-danger"> <span className="mx-1 badge badge-danger">
<T i18nKey="banned">#</T> { i18n.t('banned') }
</span> </span>
)} )}
{this.props.showCommunity && ( {this.props.showCommunity && (
@ -390,14 +390,14 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModRemoveShow)} onClick={linkEvent(this, this.handleModRemoveShow)}
> >
<T i18nKey="remove">#</T> { i18n.t('remove') }
</span> </span>
) : ( ) : (
<span <span
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModRemoveSubmit)} onClick={linkEvent(this, this.handleModRemoveSubmit)}
> >
<T i18nKey="restore">#</T> { i18n.t('restore') }
</span> </span>
)} )}
</li> </li>
@ -414,7 +414,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleModBanFromCommunityShow this.handleModBanFromCommunityShow
)} )}
> >
<T i18nKey="ban">#</T> { i18n.t('ban') }
</span> </span>
) : ( ) : (
<span <span
@ -424,7 +424,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleModBanFromCommunitySubmit this.handleModBanFromCommunitySubmit
)} )}
> >
<T i18nKey="unban">#</T> { i18n.t('unban') }
</span> </span>
)} )}
</li> </li>
@ -471,7 +471,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleTransferCommunity this.handleTransferCommunity
)} )}
> >
<T i18nKey="yes">#</T> { i18n.t('yes') }
</span> </span>
<span <span
class="pointer d-inline-block" class="pointer d-inline-block"
@ -480,7 +480,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleCancelShowConfirmTransferCommunity this.handleCancelShowConfirmTransferCommunity
)} )}
> >
<T i18nKey="no">#</T> { i18n.t('no') }
</span> </span>
</> </>
)} )}
@ -496,14 +496,14 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModBanShow)} onClick={linkEvent(this, this.handleModBanShow)}
> >
<T i18nKey="ban_from_site">#</T> { i18n.t('ban_from_site') }
</span> </span>
) : ( ) : (
<span <span
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModBanSubmit)} onClick={linkEvent(this, this.handleModBanSubmit)}
> >
<T i18nKey="unban_from_site">#</T> { i18n.t('unban_from_site') }
</span> </span>
)} )}
</li> </li>
@ -533,18 +533,18 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleShowConfirmTransferSite this.handleShowConfirmTransferSite
)} )}
> >
<T i18nKey="transfer_site">#</T> { i18n.t('transfer_site') }
</span> </span>
) : ( ) : (
<> <>
<span class="d-inline-block mr-1"> <span class="d-inline-block mr-1">
<T i18nKey="are_you_sure">#</T> { i18n.t('are_you_sure') }
</span> </span>
<span <span
class="pointer d-inline-block mr-1" class="pointer d-inline-block mr-1"
onClick={linkEvent(this, this.handleTransferSite)} onClick={linkEvent(this, this.handleTransferSite)}
> >
<T i18nKey="yes">#</T> { i18n.t('yes') }
</span> </span>
<span <span
class="pointer d-inline-block" class="pointer d-inline-block"
@ -553,7 +553,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
this.handleCancelShowConfirmTransferSite this.handleCancelShowConfirmTransferSite
)} )}
> >
<T i18nKey="no">#</T> { i18n.t('no') }
</span> </span>
</> </>
)} )}
@ -567,7 +567,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
className="pointer" className="pointer"
onClick={linkEvent(this, this.handleViewSource)} onClick={linkEvent(this, this.handleViewSource)}
> >
<T i18nKey="view_source">#</T> { i18n.t('view_source') }
</span> </span>
</li> </li>
)} )}
@ -585,18 +585,19 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
onInput={linkEvent(this, this.handleModRemoveReasonChange)} onInput={linkEvent(this, this.handleModRemoveReasonChange)}
/> />
<button type="submit" class="btn btn-secondary"> <button type="submit" class="btn btn-secondary">
<T i18nKey="remove_post">#</T> { i18n.t('remove_post') }
</button> </button>
</form> </form>
)} )}
{this.state.showBanDialog && ( {this.state.showBanDialog && (
<form onSubmit={linkEvent(this, this.handleModBanBothSubmit)}> <form onSubmit={linkEvent(this, this.handleModBanBothSubmit)}>
<div class="form-group row"> <div class="form-group row">
<label class="col-form-label"> <label class="col-form-label" for="post-listing-reason">
<T i18nKey="reason">#</T> { i18n.t('reason') }
</label> </label>
<input <input
type="text" type="text"
id="post-listing-reason"
class="form-control mr-2" class="form-control mr-2"
placeholder={i18n.t('reason')} placeholder={i18n.t('reason')}
value={this.state.banReason} value={this.state.banReason}

11
ui/src/components/post-listings.tsx vendored
View file

@ -2,6 +2,7 @@ import { Component } from 'inferno';
import { Link } from 'inferno-router'; import { Link } from 'inferno-router';
import { Post } from '../interfaces'; import { Post } from '../interfaces';
import { PostListing } from './post-listing'; import { PostListing } from './post-listing';
import { i18n } from '../i18next';
import { T } from 'inferno-i18next'; import { T } from 'inferno-i18next';
interface PostListingsProps { interface PostListingsProps {
@ -30,14 +31,12 @@ export class PostListings extends Component<PostListingsProps, any> {
)) ))
) : ( ) : (
<> <>
<div> <h2>
<T i18nKey="no_posts">#</T> { i18n.t('no_posts') }
</div> </h2>
{this.props.showCommunity !== undefined && ( {this.props.showCommunity !== undefined && (
<div> <div>
<T i18nKey="subscribe_to_communities"> <Link to="/communities">{ i18n.t('subscribe_to_communities') }</Link>
#<Link to="/communities">#</Link>
</T>
</div> </div>
)} )}
</> </>

8
ui/src/components/post.tsx vendored
View file

@ -150,11 +150,11 @@ export class Post extends Component<any, PostState> {
return ( return (
<div class="container"> <div class="container">
{this.state.loading ? ( {this.state.loading ? (
<h5> <p class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>
</h5> </p>
) : ( ) : (
<div class="row"> <div class="row">
<div class="col-12 col-md-8 mb-3"> <div class="col-12 col-md-8 mb-3">
@ -168,7 +168,7 @@ export class Post extends Component<any, PostState> {
{this.state.crossPosts.length > 0 && ( {this.state.crossPosts.length > 0 && (
<> <>
<div class="my-1 text-muted small font-weight-bold"> <div class="my-1 text-muted small font-weight-bold">
<T i18nKey="cross_posts">#</T> { i18n.t('cross_posts') }
</div> </div>
<PostListings showCommunity posts={this.state.crossPosts} /> <PostListings showCommunity posts={this.state.crossPosts} />
</> </>
@ -239,7 +239,7 @@ export class Post extends Component<any, PostState> {
<div class="d-none d-md-block new-comments mb-3 card border-secondary"> <div class="d-none d-md-block new-comments mb-3 card border-secondary">
<div class="card-body small"> <div class="card-body small">
<h6> <h6>
<T i18nKey="recent_comments">#</T> { i18n.t('recent_comments') }
</h6> </h6>
{this.state.comments.map(comment => ( {this.state.comments.map(comment => (
<CommentNodes <CommentNodes

22
ui/src/components/search.tsx vendored
View file

@ -126,7 +126,7 @@ export class Search extends Component<any, SearchState> {
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h5> <h5>
<T i18nKey="search">#</T> { i18n.t('search') }
</h5> </h5>
{this.selects()} {this.selects()}
{this.searchForm()} {this.searchForm()}
@ -165,7 +165,7 @@ export class Search extends Component<any, SearchState> {
</svg> </svg>
) : ( ) : (
<span> <span>
<T i18nKey="search">#</T> { i18n.t('search') }
</span> </span>
)} )}
</button> </button>
@ -182,22 +182,22 @@ export class Search extends Component<any, SearchState> {
class="custom-select custom-select-sm w-auto" class="custom-select custom-select-sm w-auto"
> >
<option disabled> <option disabled>
<T i18nKey="type">#</T> { i18n.t('type') }
</option> </option>
<option value={SearchType.All}> <option value={SearchType.All}>
<T i18nKey="all">#</T> { i18n.t('all') }
</option> </option>
<option value={SearchType.Comments}> <option value={SearchType.Comments}>
<T i18nKey="comments">#</T> { i18n.t('comments') }
</option> </option>
<option value={SearchType.Posts}> <option value={SearchType.Posts}>
<T i18nKey="posts">#</T> { i18n.t('posts') }
</option> </option>
<option value={SearchType.Communities}> <option value={SearchType.Communities}>
<T i18nKey="communities">#</T> { i18n.t('communities') }
</option> </option>
<option value={SearchType.Users}> <option value={SearchType.Users}>
<T i18nKey="users">#</T> { i18n.t('users') }
</option> </option>
</select> </select>
<span class="ml-2"> <span class="ml-2">
@ -368,14 +368,14 @@ export class Search extends Component<any, SearchState> {
class="btn btn-sm btn-secondary mr-1" class="btn btn-sm btn-secondary mr-1"
onClick={linkEvent(this, this.prevPage)} onClick={linkEvent(this, this.prevPage)}
> >
<T i18nKey="prev">#</T> { i18n.t('prev') }
</button> </button>
)} )}
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
<T i18nKey="next">#</T> { i18n.t('next') }
</button> </button>
</div> </div>
); );
@ -392,7 +392,7 @@ export class Search extends Component<any, SearchState> {
res.communities.length == 0 && res.communities.length == 0 &&
res.users.length == 0 && ( res.users.length == 0 && (
<span> <span>
<T i18nKey="no_results">#</T> { i18n.t('no_results') }
</span> </span>
)} )}
</div> </div>

21
ui/src/components/sidebar.tsx vendored
View file

@ -72,7 +72,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
<span>{community.title}</span> <span>{community.title}</span>
{community.removed && ( {community.removed && (
<small className="ml-2 text-muted font-italic"> <small className="ml-2 text-muted font-italic">
<T i18nKey="removed">#</T> { i18n.t('removed') }
</small> </small>
)} )}
{community.deleted && ( {community.deleted && (
@ -92,7 +92,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleEditClick)} onClick={linkEvent(this, this.handleEditClick)}
> >
<T i18nKey="edit">#</T> { i18n.t('edit') }
</span> </span>
</li> </li>
{this.amCreator && ( {this.amCreator && (
@ -116,14 +116,14 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModRemoveShow)} onClick={linkEvent(this, this.handleModRemoveShow)}
> >
<T i18nKey="remove">#</T> { i18n.t('remove') }
</span> </span>
) : ( ) : (
<span <span
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleModRemoveSubmit)} onClick={linkEvent(this, this.handleModRemoveSubmit)}
> >
<T i18nKey="restore">#</T> { i18n.t('restore') }
</span> </span>
)} )}
</li> </li>
@ -132,11 +132,12 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
{this.state.showRemoveDialog && ( {this.state.showRemoveDialog && (
<form onSubmit={linkEvent(this, this.handleModRemoveSubmit)}> <form onSubmit={linkEvent(this, this.handleModRemoveSubmit)}>
<div class="form-group row"> <div class="form-group row">
<label class="col-form-label"> <label class="col-form-label" for="remove-reason">
<T i18nKey="reason">#</T> { i18n.t('reason') }
</label> </label>
<input <input
type="text" type="text"
id="remove-reason"
class="form-control mr-2" class="form-control mr-2"
placeholder={i18n.t('optional')} placeholder={i18n.t('optional')}
value={this.state.removeReason} value={this.state.removeReason}
@ -150,7 +151,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
{/* </div> */} {/* </div> */}
<div class="form-group row"> <div class="form-group row">
<button type="submit" class="btn btn-secondary"> <button type="submit" class="btn btn-secondary">
<T i18nKey="remove_community">#</T> { i18n.t('remove_community') }
</button> </button>
</div> </div>
</form> </form>
@ -218,7 +219,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
'no-click'}`} 'no-click'}`}
to={`/create_post?community=${community.name}`} to={`/create_post?community=${community.name}`}
> >
<T i18nKey="create_a_post">#</T> { i18n.t('create_a_post') }
</Link> </Link>
<div> <div>
{community.subscribed ? ( {community.subscribed ? (
@ -226,14 +227,14 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
class="btn btn-sm btn-secondary btn-block" class="btn btn-sm btn-secondary btn-block"
onClick={linkEvent(community.id, this.handleUnsubscribe)} onClick={linkEvent(community.id, this.handleUnsubscribe)}
> >
<T i18nKey="unsubscribe">#</T> { i18n.t('unsubscribe') }
</button> </button>
) : ( ) : (
<button <button
class="btn btn-sm btn-secondary btn-block" class="btn btn-sm btn-secondary btn-block"
onClick={linkEvent(community.id, this.handleSubscribe)} onClick={linkEvent(community.id, this.handleSubscribe)}
> >
<T i18nKey="subscribe">#</T> { i18n.t('subscribe') }
</button> </button>
)} )}
</div> </div>

27
ui/src/components/site-form.tsx vendored
View file

@ -54,12 +54,13 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
: capitalizeFirstLetter(i18n.t('name')) : capitalizeFirstLetter(i18n.t('name'))
} ${i18n.t('your_site')}`}</h5> } ${i18n.t('your_site')}`}</h5>
<div class="form-group row"> <div class="form-group row">
<label class="col-12 col-form-label"> <label class="col-12 col-form-label" for="create-site-name">
<T i18nKey="name">#</T> { i18n.t('name') }
</label> </label>
<div class="col-12"> <div class="col-12">
<input <input
type="text" type="text"
id="create-site-name"
class="form-control" class="form-control"
value={this.state.siteForm.name} value={this.state.siteForm.name}
onInput={linkEvent(this, this.handleSiteNameChange)} onInput={linkEvent(this, this.handleSiteNameChange)}
@ -70,12 +71,13 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-12 col-form-label"> <label class="col-12 col-form-label" for="create-site-sidebar">
<T i18nKey="sidebar">#</T> { i18n.t('sidebar') }
</label> </label>
<div class="col-12"> <div class="col-12">
<textarea <textarea
value={this.state.siteForm.description} value={this.state.siteForm.description}
id="create-site-sidebar"
onInput={linkEvent(this, this.handleSiteDescriptionChange)} onInput={linkEvent(this, this.handleSiteDescriptionChange)}
class="form-control" class="form-control"
rows={3} rows={3}
@ -88,12 +90,13 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="create-site-downvotes"
type="checkbox" type="checkbox"
checked={this.state.siteForm.enable_downvotes} checked={this.state.siteForm.enable_downvotes}
onChange={linkEvent(this, this.handleSiteEnableDownvotesChange)} onChange={linkEvent(this, this.handleSiteEnableDownvotesChange)}
/> />
<label class="form-check-label"> <label class="form-check-label" for="create-site-downvotes">
<T i18nKey="enable_downvotes">#</T> { i18n.t('enable_downvotes') }
</label> </label>
</div> </div>
</div> </div>
@ -103,12 +106,13 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="create-site-enable-nsfw"
type="checkbox" type="checkbox"
checked={this.state.siteForm.enable_nsfw} checked={this.state.siteForm.enable_nsfw}
onChange={linkEvent(this, this.handleSiteEnableNsfwChange)} onChange={linkEvent(this, this.handleSiteEnableNsfwChange)}
/> />
<label class="form-check-label"> <label class="form-check-label" for="create-site-enable-nsfw">
<T i18nKey="enable_nsfw">#</T> { i18n.t('enable_nsfw') }
</label> </label>
</div> </div>
</div> </div>
@ -118,6 +122,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="create-site-open-registration"
type="checkbox" type="checkbox"
checked={this.state.siteForm.open_registration} checked={this.state.siteForm.open_registration}
onChange={linkEvent( onChange={linkEvent(
@ -125,8 +130,8 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
this.handleSiteOpenRegistrationChange this.handleSiteOpenRegistrationChange
)} )}
/> />
<label class="form-check-label"> <label class="form-check-label" for="create-site-open-registration">
<T i18nKey="open_registration">#</T> { i18n.t('open_registration') }
</label> </label>
</div> </div>
</div> </div>
@ -150,7 +155,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
class="btn btn-secondary" class="btn btn-secondary"
onClick={linkEvent(this, this.handleCancel)} onClick={linkEvent(this, this.handleCancel)}
> >
<T i18nKey="cancel">#</T> { i18n.t('cancel') }
</button> </button>
)} )}
</div> </div>

18
ui/src/components/sort-select.tsx vendored
View file

@ -1,6 +1,6 @@
import { Component, linkEvent } from 'inferno'; import { Component, linkEvent } from 'inferno';
import { SortType } from '../interfaces'; import { SortType } from '../interfaces';
import { i18n } from '../i18next';
import { T } from 'inferno-i18next'; import { T } from 'inferno-i18next';
interface SortSelectProps { interface SortSelectProps {
@ -31,31 +31,31 @@ export class SortSelect extends Component<SortSelectProps, SortSelectState> {
class="custom-select custom-select-sm w-auto" class="custom-select custom-select-sm w-auto"
> >
<option disabled> <option disabled>
<T i18nKey="sort_type">#</T> { i18n.t('sort_type') }
</option> </option>
{!this.props.hideHot && ( {!this.props.hideHot && (
<option value={SortType.Hot}> <option value={SortType.Hot}>
<T i18nKey="hot">#</T> { i18n.t('hot') }
</option> </option>
)} )}
<option value={SortType.New}> <option value={SortType.New}>
<T i18nKey="new">#</T> { i18n.t('new') }
</option> </option>
<option disabled>─────</option> <option disabled>─────</option>
<option value={SortType.TopDay}> <option value={SortType.TopDay}>
<T i18nKey="top_day">#</T> { i18n.t('top_day') }
</option> </option>
<option value={SortType.TopWeek}> <option value={SortType.TopWeek}>
<T i18nKey="week">#</T> { i18n.t('week') }
</option> </option>
<option value={SortType.TopMonth}> <option value={SortType.TopMonth}>
<T i18nKey="month">#</T> { i18n.t('month') }
</option> </option>
<option value={SortType.TopYear}> <option value={SortType.TopYear}>
<T i18nKey="year">#</T> { i18n.t('year') }
</option> </option>
<option value={SortType.TopAll}> <option value={SortType.TopAll}>
<T i18nKey="all">#</T> { i18n.t('all') }
</option> </option>
</select> </select>
); );

16
ui/src/components/sponsors.tsx vendored
View file

@ -36,7 +36,7 @@ export class Sponsors extends Component<any, any> {
return ( return (
<div> <div>
<h5> <h5>
<T i18nKey="sponsors_of_lemmy">#</T> { i18n.t('sponsors_of_lemmy') }
</h5> </h5>
<p> <p>
<T i18nKey="sponsor_message"> <T i18nKey="sponsor_message">
@ -44,7 +44,7 @@ export class Sponsors extends Component<any, any> {
</T> </T>
</p> </p>
<a class="btn btn-secondary" href="https://www.patreon.com/dessalines"> <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">
<T i18nKey="support_on_patreon">#</T> { i18n.t('support_on_patreon') }
</a> </a>
</div> </div>
); );
@ -53,10 +53,10 @@ export class Sponsors extends Component<any, any> {
return ( return (
<div class="container"> <div class="container">
<h5> <h5>
<T i18nKey="sponsors">#</T> { i18n.t('sponsors') }
</h5> </h5>
<p> <p>
<T i18nKey="general_sponsors">#</T> { i18n.t('general_sponsors') }
</p> </p>
<div class="row card-columns"> <div class="row card-columns">
{highlighted.map(s => ( {highlighted.map(s => (
@ -78,14 +78,14 @@ export class Sponsors extends Component<any, any> {
return ( return (
<div> <div>
<h5> <h5>
<T i18nKey="crypto">#</T> { i18n.t('crypto') }
</h5> </h5>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover text-center"> <table class="table table-hover text-center">
<tbody> <tbody>
<tr> <tr>
<td> <td>
<T i18nKey="bitcoin">#</T> { i18n.t('bitcoin') }
</td> </td>
<td> <td>
<code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code> <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
@ -93,7 +93,7 @@ export class Sponsors extends Component<any, any> {
</tr> </tr>
<tr> <tr>
<td> <td>
<T i18nKey="ethereum">#</T> { i18n.t('ethereum') }
</td> </td>
<td> <td>
<code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code> <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
@ -101,7 +101,7 @@ export class Sponsors extends Component<any, any> {
</tr> </tr>
<tr> <tr>
<td> <td>
<T i18nKey="monero">#</T> { i18n.t('monero') }
</td> </td>
<td> <td>
<code> <code>

81
ui/src/components/user.tsx vendored
View file

@ -196,11 +196,11 @@ export class User extends Component<any, UserState> {
return ( return (
<div class="container"> <div class="container">
{this.state.loading ? ( {this.state.loading ? (
<h5> <p class="text-center">
<svg class="icon icon-spinner spin"> <svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use> <use xlinkHref="#icon-spinner"></use>
</svg> </svg>
</h5> </p>
) : ( ) : (
<div class="row"> <div class="row">
<div class="col-12 col-md-8"> <div class="col-12 col-md-8">
@ -243,19 +243,19 @@ export class User extends Component<any, UserState> {
class="custom-select custom-select-sm w-auto" class="custom-select custom-select-sm w-auto"
> >
<option disabled> <option disabled>
<T i18nKey="view">#</T> { i18n.t('view') }
</option> </option>
<option value={View.Overview}> <option value={View.Overview}>
<T i18nKey="overview">#</T> { i18n.t('overview') }
</option> </option>
<option value={View.Comments}> <option value={View.Comments}>
<T i18nKey="comments">#</T> { i18n.t('comments') }
</option> </option>
<option value={View.Posts}> <option value={View.Posts}>
<T i18nKey="posts">#</T> { i18n.t('posts') }
</option> </option>
<option value={View.Saved}> <option value={View.Saved}>
<T i18nKey="saved">#</T> { i18n.t('saved') }
</option> </option>
</select> </select>
<span class="ml-2"> <span class="ml-2">
@ -362,7 +362,7 @@ export class User extends Component<any, UserState> {
<li className="list-inline-item">{user.name}</li> <li className="list-inline-item">{user.name}</li>
{user.banned && ( {user.banned && (
<li className="list-inline-item badge badge-danger"> <li className="list-inline-item badge badge-danger">
<T i18nKey="banned">#</T> { i18n.t('banned') }
</li> </li>
)} )}
</ul> </ul>
@ -415,7 +415,7 @@ export class User extends Component<any, UserState> {
class="btn btn-block btn-secondary mt-3" class="btn btn-block btn-secondary mt-3"
onClick={linkEvent(this, this.handleLogoutClick)} onClick={linkEvent(this, this.handleLogoutClick)}
> >
<T i18nKey="logout">#</T> { i18n.t('logout') }
</button> </button>
)} )}
</div> </div>
@ -430,12 +430,12 @@ export class User extends Component<any, UserState> {
<div class="card border-secondary mb-3"> <div class="card border-secondary mb-3">
<div class="card-body"> <div class="card-body">
<h5> <h5>
<T i18nKey="settings">#</T> { i18n.t('settings') }
</h5> </h5>
<form onSubmit={linkEvent(this, this.handleUserSettingsSubmit)}> <form onSubmit={linkEvent(this, this.handleUserSettingsSubmit)}>
<div class="form-group"> <div class="form-group">
<label> <label>
<T i18nKey="avatar">#</T> { i18n.t('avatar') }
</label> </label>
<form class="d-inline"> <form class="d-inline">
<label <label
@ -444,7 +444,7 @@ export class User extends Component<any, UserState> {
> >
{!this.state.userSettingsForm.avatar ? ( {!this.state.userSettingsForm.avatar ? (
<span class="btn btn-sm btn-secondary"> <span class="btn btn-sm btn-secondary">
<T i18nKey="upload_avatar">#</T> { i18n.t('upload_avatar') }
</span> </span>
) : ( ) : (
<img <img
@ -468,7 +468,7 @@ export class User extends Component<any, UserState> {
</div> </div>
<div class="form-group"> <div class="form-group">
<label> <label>
<T i18nKey="language">#</T> { i18n.t('language') }
</label> </label>
<select <select
value={this.state.userSettingsForm.lang} value={this.state.userSettingsForm.lang}
@ -476,10 +476,10 @@ export class User extends Component<any, UserState> {
class="ml-2 custom-select custom-select-sm w-auto" class="ml-2 custom-select custom-select-sm w-auto"
> >
<option disabled> <option disabled>
<T i18nKey="language">#</T> { i18n.t('language') }
</option> </option>
<option value="browser"> <option value="browser">
<T i18nKey="browser_default">#</T> { i18n.t('browser_default') }
</option> </option>
<option disabled>──</option> <option disabled>──</option>
{languages.map(lang => ( {languages.map(lang => (
@ -489,7 +489,7 @@ export class User extends Component<any, UserState> {
</div> </div>
<div class="form-group"> <div class="form-group">
<label> <label>
<T i18nKey="theme">#</T> { i18n.t('theme') }
</label> </label>
<select <select
value={this.state.userSettingsForm.theme} value={this.state.userSettingsForm.theme}
@ -497,7 +497,7 @@ export class User extends Component<any, UserState> {
class="ml-2 custom-select custom-select-sm w-auto" class="ml-2 custom-select custom-select-sm w-auto"
> >
<option disabled> <option disabled>
<T i18nKey="theme">#</T> { i18n.t('theme') }
</option> </option>
{themes.map(theme => ( {themes.map(theme => (
<option value={theme}>{theme}</option> <option value={theme}>{theme}</option>
@ -527,12 +527,13 @@ export class User extends Component<any, UserState> {
/> />
</form> </form>
<div class="form-group row"> <div class="form-group row">
<label class="col-lg-3 col-form-label"> <label class="col-lg-3 col-form-label" for="user-email">
<T i18nKey="email">#</T> { i18n.t('email') }
</label> </label>
<div class="col-lg-9"> <div class="col-lg-9">
<input <input
type="email" type="email"
id="user-email"
class="form-control" class="form-control"
placeholder={i18n.t('optional')} placeholder={i18n.t('optional')}
value={this.state.userSettingsForm.email} value={this.state.userSettingsForm.email}
@ -545,12 +546,13 @@ export class User extends Component<any, UserState> {
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-lg-5 col-form-label"> <label class="col-lg-5 col-form-label" for="user-password">
<T i18nKey="new_password">#</T> { i18n.t('new_password') }
</label> </label>
<div class="col-lg-7"> <div class="col-lg-7">
<input <input
type="password" type="password"
id="user-password"
class="form-control" class="form-control"
value={this.state.userSettingsForm.new_password} value={this.state.userSettingsForm.new_password}
onInput={linkEvent( onInput={linkEvent(
@ -561,12 +563,13 @@ export class User extends Component<any, UserState> {
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-lg-5 col-form-label"> <label class="col-lg-5 col-form-label" for="user-verify-password">
<T i18nKey="verify_password">#</T> { i18n.t('verify_password') }
</label> </label>
<div class="col-lg-7"> <div class="col-lg-7">
<input <input
type="password" type="password"
id="user-verify-password"
class="form-control" class="form-control"
value={this.state.userSettingsForm.new_password_verify} value={this.state.userSettingsForm.new_password_verify}
onInput={linkEvent( onInput={linkEvent(
@ -577,12 +580,13 @@ export class User extends Component<any, UserState> {
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-lg-5 col-form-label"> <label class="col-lg-5 col-form-label" for="user-old-password">
<T i18nKey="old_password">#</T> { i18n.t('old_password') }
</label> </label>
<div class="col-lg-7"> <div class="col-lg-7">
<input <input
type="password" type="password"
id="user-old-password"
class="form-control" class="form-control"
value={this.state.userSettingsForm.old_password} value={this.state.userSettingsForm.old_password}
onInput={linkEvent( onInput={linkEvent(
@ -597,6 +601,7 @@ export class User extends Component<any, UserState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="user-show-nsfw"
type="checkbox" type="checkbox"
checked={this.state.userSettingsForm.show_nsfw} checked={this.state.userSettingsForm.show_nsfw}
onChange={linkEvent( onChange={linkEvent(
@ -604,8 +609,8 @@ export class User extends Component<any, UserState> {
this.handleUserSettingsShowNsfwChange this.handleUserSettingsShowNsfwChange
)} )}
/> />
<label class="form-check-label"> <label class="form-check-label" for="user-show-nsfw">
<T i18nKey="show_nsfw">#</T> { i18n.t('show_nsfw') }
</label> </label>
</div> </div>
</div> </div>
@ -614,6 +619,7 @@ export class User extends Component<any, UserState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="user-show-avatars"
type="checkbox" type="checkbox"
checked={this.state.userSettingsForm.show_avatars} checked={this.state.userSettingsForm.show_avatars}
onChange={linkEvent( onChange={linkEvent(
@ -621,8 +627,8 @@ export class User extends Component<any, UserState> {
this.handleUserSettingsShowAvatarsChange this.handleUserSettingsShowAvatarsChange
)} )}
/> />
<label class="form-check-label"> <label class="form-check-label" for="user-show-avatars">
<T i18nKey="show_avatars">#</T> { i18n.t('show_avatars') }
</label> </label>
</div> </div>
</div> </div>
@ -630,6 +636,7 @@ export class User extends Component<any, UserState> {
<div class="form-check"> <div class="form-check">
<input <input
class="form-check-input" class="form-check-input"
id="user-send-notifications-to-email"
type="checkbox" type="checkbox"
disabled={!this.state.user.email} disabled={!this.state.user.email}
checked={ checked={
@ -640,8 +647,8 @@ export class User extends Component<any, UserState> {
this.handleUserSettingsSendNotificationsToEmailChange this.handleUserSettingsSendNotificationsToEmailChange
)} )}
/> />
<label class="form-check-label"> <label class="form-check-label" for="user-send-notifications-to-email">
<T i18nKey="send_notifications_to_email">#</T> { i18n.t('send_notifications_to_email') }
</label> </label>
</div> </div>
</div> </div>
@ -665,12 +672,12 @@ export class User extends Component<any, UserState> {
this.handleDeleteAccountShowConfirmToggle this.handleDeleteAccountShowConfirmToggle
)} )}
> >
<T i18nKey="delete_account">#</T> { i18n.t('delete_account') }
</button> </button>
{this.state.deleteAccountShowConfirm && ( {this.state.deleteAccountShowConfirm && (
<> <>
<div class="my-2 alert alert-danger" role="alert"> <div class="my-2 alert alert-danger" role="alert">
<T i18nKey="delete_account_confirm">#</T> { i18n.t('delete_account_confirm') }
</div> </div>
<input <input
type="password" type="password"
@ -701,7 +708,7 @@ export class User extends Component<any, UserState> {
this.handleDeleteAccountShowConfirmToggle this.handleDeleteAccountShowConfirmToggle
)} )}
> >
<T i18nKey="cancel">#</T> { i18n.t('cancel') }
</button> </button>
</> </>
)} )}
@ -720,7 +727,7 @@ export class User extends Component<any, UserState> {
<div class="card border-secondary mb-3"> <div class="card border-secondary mb-3">
<div class="card-body"> <div class="card-body">
<h5> <h5>
<T i18nKey="moderates">#</T> { i18n.t('moderates') }
</h5> </h5>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
{this.state.moderates.map(community => ( {this.state.moderates.map(community => (
@ -745,7 +752,7 @@ export class User extends Component<any, UserState> {
<div class="card border-secondary mb-3"> <div class="card border-secondary mb-3">
<div class="card-body"> <div class="card-body">
<h5> <h5>
<T i18nKey="subscribed">#</T> { i18n.t('subscribed') }
</h5> </h5>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
{this.state.follows.map(community => ( {this.state.follows.map(community => (
@ -778,7 +785,7 @@ export class User extends Component<any, UserState> {
class="btn btn-sm btn-secondary" class="btn btn-sm btn-secondary"
onClick={linkEvent(this, this.nextPage)} onClick={linkEvent(this, this.nextPage)}
> >
<T i18nKey="next">#</T> { i18n.t('next') }
</button> </button>
</div> </div>
); );

2
ui/src/translations/en.ts vendored
View file

@ -213,5 +213,7 @@ export const en = {
email_already_exists: 'Email already exists.', email_already_exists: 'Email already exists.',
couldnt_update_user: "Couldn't update user.", couldnt_update_user: "Couldn't update user.",
system_err_login: 'System error. Try logging out and back in.', system_err_login: 'System error. Try logging out and back in.',
time: 'Time',
action: 'Action'
}, },
}; };