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   }
  22
  23   render() {
  24     return (
  25       <div class="container text-center">
  26         {this.topMessage()}
  27         <hr />
  28         {this.sponsors()}
  29         <hr />
  30         {this.bitcoin()}
  31       </div>
  32     );
  33   }
  34
  35   topMessage() {
  36     return (
  37       <div>
  38         <h5>
  39           <T i18nKey="sponsors_of_lemmy">#</T>
  40         </h5>
  41         <p>
  42           <T i18nKey="sponsor_message">
  43             #<a href="https://github.com/dessalines/lemmy">#</a>
  44           </T>
  45         </p>
  46         <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">
  47           <T i18nKey="support_on_patreon">#</T>
  48         </a>
  49       </div>
  50     );
  51   }
  52   sponsors() {
  53     return (
  54       <div class="container">
  55         <h5>
  56           <T i18nKey="sponsors">#</T>
  57         </h5>
  58         <p>
  59           <T i18nKey="general_sponsors">#</T>
  60         </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>
  81           <T i18nKey="crypto">#</T>
  82         </h5>
  83         <div class="table-responsive">
  84           <table class="table table-hover text-center">
  85             <tbody>
  86               <tr>
  87                 <td>
  88                   <T i18nKey="bitcoin">#</T>
  89                 </td>
  90                 <td>
  91                   <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
  92                 </td>
  93               </tr>
  94               <tr>
  95                 <td>
  96                   <T i18nKey="ethereum">#</T>
  97                 </td>
  98                 <td>
  99                   <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
 100                 </td>
 101               </tr>
 102               <tr>
 103                 <td>
 104                   <T i18nKey="monero">#</T>
 105                 </td>
 106                 <td>
 107                   <code>
 108                     41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV
 109                   </code>
 110                 </td>
 111               </tr>
 112             </tbody>
 113           </table>
 114         </div>
 115       </div>
 116     );
 117   }
 118 }