mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-12-22 19:01:26 +00:00
Merge pull request #158 from LemmyNet/add_federated_instances_details
Add federated instances details
This commit is contained in:
commit
e8a7c68ba4
7 changed files with 57 additions and 39 deletions
|
@ -1 +1 @@
|
|||
Subproject commit b914a9696bc4fadc46fdca655c94c3b4cedf3e8c
|
||||
Subproject commit c2d3ef3350d0b5ba2fe9cc4148af553374a1e4ec
|
|
@ -67,7 +67,7 @@
|
|||
"eslint": "^7.18.0",
|
||||
"eslint-plugin-jane": "^9.0.6",
|
||||
"husky": "^4.3.8",
|
||||
"lemmy-js-client": "0.9.1",
|
||||
"lemmy-js-client": "0.9.4-rc.1",
|
||||
"lint-staged": "^10.5.3",
|
||||
"mini-css-extract-plugin": "^1.3.4",
|
||||
"node-fetch": "^2.6.1",
|
||||
|
|
|
@ -28,11 +28,13 @@ export class Footer extends Component<FooterProps, FooterState> {
|
|||
{i18n.t('modlog')}
|
||||
</Link>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<Link className="nav-link" to="/instances">
|
||||
{i18n.t('instances')}
|
||||
</Link>
|
||||
</li>
|
||||
{this.props.site.federated_instances && (
|
||||
<li class="nav-item">
|
||||
<Link className="nav-link" to="/instances">
|
||||
{i18n.t('instances')}
|
||||
</Link>
|
||||
</li>
|
||||
)}
|
||||
<li class="nav-item">
|
||||
<a className="nav-link" href={docsUrl}>
|
||||
{i18n.t('docs')}
|
||||
|
|
|
@ -24,30 +24,50 @@ export class Instances extends Component<any, InstancesState> {
|
|||
}
|
||||
|
||||
render() {
|
||||
let federated_instances = this.state.siteRes?.federated_instances;
|
||||
return (
|
||||
<div class="container">
|
||||
<HtmlTags
|
||||
title={this.documentTitle}
|
||||
path={this.context.router.route.match.url}
|
||||
/>
|
||||
<div>
|
||||
<h5>{i18n.t('linked_instances')}</h5>
|
||||
{this.state.siteRes &&
|
||||
this.state.siteRes.federated_instances.length ? (
|
||||
<ul>
|
||||
{this.state.siteRes.federated_instances.map(i => (
|
||||
<li>
|
||||
<a href={`https://${i}`} target="_blank" rel="noopener">
|
||||
{i}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
) : (
|
||||
<div>{i18n.t('none_found')}</div>
|
||||
)}
|
||||
federated_instances && (
|
||||
<div class="container">
|
||||
<HtmlTags
|
||||
title={this.documentTitle}
|
||||
path={this.context.router.route.match.url}
|
||||
/>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5>{i18n.t('linked_instances')}</h5>
|
||||
{this.itemList(federated_instances.linked)}
|
||||
</div>
|
||||
{federated_instances.allowed.length > 0 && (
|
||||
<div class="col-md-6">
|
||||
<h5>{i18n.t('allowed_instances')}</h5>
|
||||
{this.itemList(federated_instances.allowed)}
|
||||
</div>
|
||||
)}
|
||||
{federated_instances.blocked.length > 0 && (
|
||||
<div class="col-md-6">
|
||||
<h5>{i18n.t('blocked_instances')}</h5>
|
||||
{this.itemList(federated_instances.blocked)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
itemList(items: string[]) {
|
||||
return items.length > 0 ? (
|
||||
<ul>
|
||||
{items.map(i => (
|
||||
<li>
|
||||
<a href={`https://${i}`} target="_blank" rel="noopener">
|
||||
{i}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
) : (
|
||||
<div>{i18n.t('none_found')}</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -637,10 +637,7 @@ export class Main extends Component<any, MainState> {
|
|||
}
|
||||
|
||||
get showLocal(): boolean {
|
||||
return (
|
||||
this.isoData.site_res.federated_instances !== null &&
|
||||
this.isoData.site_res.federated_instances.length > 0
|
||||
);
|
||||
return this.isoData.site_res.federated_instances?.linked.length > 0;
|
||||
}
|
||||
|
||||
get canAdmin(): boolean {
|
||||
|
|
|
@ -560,8 +560,7 @@ export class User extends Component<any, UserState> {
|
|||
]
|
||||
}
|
||||
showLocal={
|
||||
this.state.siteRes.federated_instances &&
|
||||
this.state.siteRes.federated_instances.length > 0
|
||||
this.state.siteRes.federated_instances?.linked.length > 0
|
||||
}
|
||||
onChange={this.handleUserSettingsListingTypeChange}
|
||||
/>
|
||||
|
|
|
@ -5629,10 +5629,10 @@ lcid@^1.0.0:
|
|||
dependencies:
|
||||
invert-kv "^1.0.0"
|
||||
|
||||
lemmy-js-client@0.9.1:
|
||||
version "0.9.1"
|
||||
resolved "https://registry.yarnpkg.com/lemmy-js-client/-/lemmy-js-client-0.9.1.tgz#2f87666eba74e980d05421042661fb57b673e6b6"
|
||||
integrity sha512-Oo/sirk3l/JIN0yQVBCRwGhV3LcXk8WGf2g+42VPsatc4P9Ii/Vrgf9/Eo1M3kEV1aqTJXjTq5+ywaKJB5PUJw==
|
||||
lemmy-js-client@0.9.4-rc.1:
|
||||
version "0.9.4-rc.1"
|
||||
resolved "https://registry.yarnpkg.com/lemmy-js-client/-/lemmy-js-client-0.9.4-rc.1.tgz#3898a61adc72e8741f3db02f8f595e33dcf37b97"
|
||||
integrity sha512-Z3EnaBe6xglv+5l5mjfPoEpd7FpoP67IPLKBOE8nItQ4CKyE20Sc9gjIc2yUjf/zOmf97XnHvTeZo86Jm458Rg==
|
||||
|
||||
levn@^0.4.1:
|
||||
version "0.4.1"
|
||||
|
|
Loading…
Reference in a new issue