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