LemmyNet/joinlemmy-site
2
0
Fork 0
mirror of https://github.com/LemmyNet/joinlemmy-site.git synced 2024-11-22 04:11:15 +00:00
Code Issues Projects Releases Wiki Activity

Dont list instances with closed signups

Browse source
This commit is contained in:
Felix Ableitner 2023-06-09 11:42:38 +02:00
parent 686c773534
commit 53d24a6d24
1 changed files with 48 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

91
src/shared/components/instances.tsx
View file

@ -86,51 +86,56 @@ export class Instances extends Component<any, any> {
<div>
<h2>{header}</h2>
<div class="row">
{instances.map(instance => {
let domain = instance.domain;
let users_active_month =
instance.site_info.site_view.counts.users_active_month;
let description = instance.site_info.site_view.site.description;
let icon = instance.site_info.site_view.site.icon;
let require_application =
instance.site_info.site_view.site.require_application;
return (
<div class="card col-6">
<header>
<div class="row">
<h4 class="col">{domain}</h4>
<h4 class="col text-right">
<i>
{i18n.t("users_active_per_month", {
count: users_active_month,
formattedCount: numToSI(users_active_month),
})}
</i>
</h4>
{instances
.filter(
i =>
i.site_info.site_view.local_site.registration_mode != "closed"
)
.map(instance => {
let domain = instance.domain;
let users_active_month =
instance.site_info.site_view.counts.users_active_month;
let description = instance.site_info.site_view.site.description;
let icon = instance.site_info.site_view.site.icon;
let require_application =
instance.site_info.site_view.site.require_application;
return (
<div class="card col-6">
<header>
<div class="row">
<h4 class="col">{domain}</h4>
<h4 class="col text-right">
<i>
{i18n.t("users_active_per_month", {
count: users_active_month,
formattedCount: numToSI(users_active_month),
})}
</i>
</h4>
</div>
</header>
<div class="is-center">
<img
class="join-banner"
src={icon || "/static/assets/images/lemmy.svg"}
/>
</div>
</header>
<div class="is-center">
<img
class="join-banner"
src={icon || "/static/assets/images/lemmy.svg"}
/>
<br />
<p class="join-desc">{description}</p>
<footer>
{require_application ? (
<a class="button primary" href={`https://${domain}`}>
{i18n.t("apply_to_join")}
</a>
) : (
<a class="button primary" href={`https://${domain}`}>
{i18n.t("join")}
</a>
)}
</footer>
</div>
<br />
<p class="join-desc">{description}</p>
<footer>
{require_application ? (
<a class="button primary" href={`https://${domain}`}>
{i18n.t("apply_to_join")}
</a>
) : (
<a class="button primary" href={`https://${domain}`}>
{i18n.t("join")}
</a>
)}
</footer>
</div>
);
})}
);
})}
</div>
</div>
);