import { Component } from 'inferno';
import { WebSocketService } from '../services';
+import { i18n } from '../i18next';
+import { T } from 'inferno-i18next';
+import { repoUrl } from '../utils';
-let general =
- [
- "Nathan J. Goode",
+let general = [
+ 'Nathan J. Goode',
+ 'Andre Vallestero',
+ 'riccardo',
+ 'NotTooHighToHack',
];
-// let highlighted = [];
+let highlighted = ['Alex Benishek'];
// let silver = [];
// let gold = [];
// let latinum = [];
export class Sponsors extends Component<any, any> {
-
constructor(props: any, context: any) {
super(props, context);
-
}
componentDidMount() {
- document.title = `Sponsors - ${WebSocketService.Instance.site.name}`;
+ document.title = `${i18n.t('sponsors')} - ${
+ WebSocketService.Instance.site.name
+ }`;
+ window.scrollTo(0, 0);
}
render() {
<hr />
{this.bitcoin()}
</div>
- )
+ );
}
topMessage() {
return (
<div>
- <h5>Sponsors of Lemmy</h5>
+ <h5>{i18n.t('donate_to_lemmy')}</h5>
<p>
- Lemmy is free, <a href="https://github.com/dessalines/lemmy">open-source</a> software, meaning no advertising, monetizing, or venture capital, ever. Your donations directly support full-time development of the project. Thank you to the following people:
+ <T i18nKey="sponsor_message">
+ #<a href={repoUrl}>#</a>
+ </T>
</p>
- <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">Support on Patreon</a>
+ <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
+ {i18n.t('support_on_liberapay')}
+ </a>
+ <a
+ class="btn btn-secondary ml-2"
+ href="https://www.patreon.com/dessalines"
+ >
+ {i18n.t('support_on_patreon')}
+ </a>
</div>
- )
+ );
}
sponsors() {
return (
<div class="container">
- <h5>Sponsors</h5>
- <p>General Sponsors are those that pledged $10 to $39 to Lemmy.</p>
+ <h5>{i18n.t('sponsors')}</h5>
+ <p>{i18n.t('general_sponsors')}</p>
<div class="row card-columns">
- {general.map(s =>
+ {highlighted.map(s => (
+ <div class="card bg-primary col-12 col-md-2 font-weight-bold">
+ <div>{s}</div>
+ </div>
+ ))}
+ {general.map(s => (
<div class="card col-12 col-md-2">
<div>{s}</div>
</div>
- )}
+ ))}
</div>
</div>
- )
+ );
}
bitcoin() {
return (
<div>
- <h5>Crypto</h5>
- <div class="table-responsive">
- <table class="table table-hover text-center">
- <tbody>
- <tr>
- <td>Bitcoin</td>
- <td><code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code></td>
- </tr>
- <tr>
- <td>Ethereum</td>
- <td><code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code></td>
- </tr>
- </tbody>
- </table>
+ <h5>{i18n.t('crypto')}</h5>
+ <div class="table-responsive">
+ <table class="table table-hover text-center">
+ <tbody>
+ <tr>
+ <td>{i18n.t('bitcoin')}</td>
+ <td>
+ <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
+ </td>
+ </tr>
+ <tr>
+ <td>{i18n.t('ethereum')}</td>
+ <td>
+ <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
+ </td>
+ </tr>
+ <tr>
+ <td>{i18n.t('monero')}</td>
+ <td>
+ <code>
+ 41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV
+ </code>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>
- </div>
- )
+ );
}
}
-