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>
  40           <T i18nKey="donate_to_lemmy">#</T>
  41         </h5>
  42         <p>
  43           <T i18nKey="sponsor_message">
  44             #<a href="https://github.com/dessalines/lemmy">#</a>
  45           </T>
  46         </p>
  47         <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">
  48           <T i18nKey="support_on_patreon">#</T>
  49         </a>
  50       </div>
  51     );
  52   }
  53   sponsors() {
  54     return (
  55       <div class="container">
  56         <h5>
  57           <T i18nKey="sponsors">#</T>
  58         </h5>
  59         <p>
  60           <T i18nKey="general_sponsors">#</T>
  61         </p>
  62         <div class="row card-columns">
  63           {highlighted.map(s => (
  64             <div class="card bg-primary col-12 col-md-2 font-weight-bold">
  65               <div>{s}</div>
  66             </div>
  67           ))}
  68           {general.map(s => (
  69             <div class="card col-12 col-md-2">
  70               <div>{s}</div>
  71             </div>
  72           ))}
  73         </div>
  74       </div>
  75     );
  76   }
  77
  78   bitcoin() {
  79     return (
  80       <div>
  81         <h5>
  82           <T i18nKey="crypto">#</T>
  83         </h5>
  84         <div class="table-responsive">
  85           <table class="table table-hover text-center">
  86             <tbody>
  87               <tr>
  88                 <td>
  89                   <T i18nKey="bitcoin">#</T>
  90                 </td>
  91                 <td>
  92                   <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
  93                 </td>
  94               </tr>
  95               <tr>
  96                 <td>
  97                   <T i18nKey="ethereum">#</T>
  98                 </td>
  99                 <td>
 100                   <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
 101                 </td>
 102               </tr>
 103               <tr>
 104                 <td>
 105                   <T i18nKey="monero">#</T>
 106                 </td>
 107                 <td>
 108                   <code>
 109                     41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV
 110                   </code>
 111                 </td>
 112               </tr>
 113             </tbody>
 114           </table>
 115         </div>
 116       </div>
 117     );
 118   }
 119 }