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