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 = ['riccardo', 'NotTooHighToHack'];
   7 // let highlighted = [];
   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           {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>
  76           <T i18nKey="crypto">#</T>
  77         </h5>
  78         <div class="table-responsive">
  79           <table class="table table-hover text-center">
  80             <tbody>
  81               <tr>
  82                 <td>
  83                   <T i18nKey="bitcoin">#</T>
  84                 </td>
  85                 <td>
  86                   <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
  87                 </td>
  88               </tr>
  89               <tr>
  90                 <td>
  91                   <T i18nKey="ethereum">#</T>
  92                 </td>
  93                 <td>
  94                   <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
  95                 </td>
  96               </tr>
  97               <tr>
  98                 <td>
  99                   <T i18nKey="monero">#</T>
 100                 </td>
 101                 <td>
 102                   <code>
 103                     41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV
 104                   </code>
 105                 </td>
 106               </tr>
 107             </tbody>
 108           </table>
 109         </div>
 110       </div>
 111     );
 112   }
 113 }