ui/src/components/sponsors.tsx

   1 import { Component } from 'inferno';
   2 import { WebSocketService } from '../services';
   3 import { i18n } from '../i18next';
   4 import { T } from 'inferno-i18next';
   5
   6 let general =
   7   [
   8   "Nathan J. Goode",
   9 ];
  10 // let highlighted = [];
  11 // let silver = [];
  12 // let gold = [];
  13 // let latinum = [];
  14
  15 export class Sponsors extends Component<any, any> {
  16
  17   constructor(props: any, context: any) {
  18     super(props, context);
  19
  20   }
  21
  22   componentDidMount() {
  23     document.title = `${i18n.t('sponsors')} - ${WebSocketService.Instance.site.name}`;
  24   }
  25
  26   render() {
  27     return (
  28       <div class="container text-center">
  29         {this.topMessage()}
  30         <hr />
  31         {this.sponsors()}
  32         <hr />
  33         {this.bitcoin()}
  34       </div>
  35     )
  36   }
  37
  38   topMessage() {
  39     return (
  40       <div>
  41         <h5><T i18nKey="sponsors_of_lemmy">#</T></h5>
  42         <p>
  43           <T i18nKey="sponsor_message">#<a href="https://github.com/dessalines/lemmy">#</a></T>
  44         </p>
  45         <a class="btn btn-secondary" href="https://www.patreon.com/dessalines"><T i18nKey="support_on_patreon">#</T></a>
  46       </div>
  47     )
  48   }
  49   sponsors() {
  50     return (
  51       <div class="container">
  52         <h5><T i18nKey="sponsors">#</T></h5>
  53         <p><T i18nKey="general_sponsors">#</T></p>
  54         <div class="row card-columns">
  55           {general.map(s =>
  56             <div class="card col-12 col-md-2">
  57               <div>{s}</div>
  58             </div>
  59           )}
  60         </div>
  61       </div>
  62     )
  63   }
  64
  65   bitcoin() {
  66     return (
  67       <div>
  68         <h5><T i18nKey="crypto">#</T></h5>
  69       <div class="table-responsive">
  70         <table class="table table-hover text-center">
  71           <tbody>
  72           <tr>
  73             <td><T i18nKey="bitcoin">#</T></td>
  74             <td><code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code></td>
  75           </tr>
  76           <tr>
  77             <td><T i18nKey="ethereum">#</T></td>
  78             <td><code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code></td>
  79           </tr>
  80           <tr>
  81             <td><T i18nKey="monero">#</T></td>
  82             <td>
  83               <code>41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV</code>
  84             </td>
  85           </tr>
  86           </tbody>
  87         </table>
  88       </div>
  89     </div>
  90     )
  91   }
  92 }
  93