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