Updating code url references to https://github.com/LemmyNet/lemmy

[lemmy.git] / ui / src / components / sponsors.tsx

diff --git a/ui/src/components/sponsors.tsx b/ui/src/components/sponsors.tsx
index 077aa7d3389acf544008607a24b69726e20faed1..643153e689aeb0a3da0ec27c5f21bd5c6517f829 100644 (file)
--- a/ui/src/components/sponsors.tsx
+++ b/ui/src/components/sponsors.tsx
@@ -2,9 +2,15 @@ import { Component } from 'inferno';
 import { WebSocketService } from '../services';
 import { i18n } from '../i18next';
 import { T } from 'inferno-i18next';
+import { repoUrl } from '../utils';
 
-let general = ['riccardo', 'NotTooHighToHack'];
-// let highlighted = [];
+let general = [
+  'Nathan J. Goode',
+  'Andre Vallestero',
+  'riccardo',
+  'NotTooHighToHack',
+];
+let highlighted = ['Alex Benishek'];
 // let silver = [];
 // let gold = [];
 // let latinum = [];
@@ -18,6 +24,7 @@ export class Sponsors extends Component<any, any> {
     document.title = `${i18n.t('sponsors')} - ${
       WebSocketService.Instance.site.name
     }`;
+    window.scrollTo(0, 0);
   }
 
   render() {
@@ -35,16 +42,20 @@ export class Sponsors extends Component<any, any> {
   topMessage() {
     return (
       <div>
-        <h5>
-          <T i18nKey="sponsors_of_lemmy">#</T>
-        </h5>
+        <h5>{i18n.t('donate_to_lemmy')}</h5>
         <p>
           <T i18nKey="sponsor_message">
-            #<a href="https://github.com/dessalines/lemmy">#</a>
+            #<a href={repoUrl}>#</a>
           </T>
         </p>
-        <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">
-          <T i18nKey="support_on_patreon">#</T>
+        <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
+          {i18n.t('support_on_liberapay')}
+        </a>
+        <a
+          class="btn btn-secondary ml-2"
+          href="https://www.patreon.com/dessalines"
+        >
+          {i18n.t('support_on_patreon')}
         </a>
       </div>
     );
@@ -52,13 +63,14 @@ export class Sponsors extends Component<any, any> {
   sponsors() {
     return (
       <div class="container">
-        <h5>
-          <T i18nKey="sponsors">#</T>
-        </h5>
-        <p>
-          <T i18nKey="general_sponsors">#</T>
-        </p>
+        <h5>{i18n.t('sponsors')}</h5>
+        <p>{i18n.t('general_sponsors')}</p>
         <div class="row card-columns">
+          {highlighted.map(s => (
+            <div class="card bg-primary col-12 col-md-2 font-weight-bold">
+              <div>{s}</div>
+            </div>
+          ))}
           {general.map(s => (
             <div class="card col-12 col-md-2">
               <div>{s}</div>
@@ -72,32 +84,24 @@ export class Sponsors extends Component<any, any> {
   bitcoin() {
     return (
       <div>
-        <h5>
-          <T i18nKey="crypto">#</T>
-        </h5>
+        <h5>{i18n.t('crypto')}</h5>
         <div class="table-responsive">
           <table class="table table-hover text-center">
             <tbody>
               <tr>
-                <td>
-                  <T i18nKey="bitcoin">#</T>
-                </td>
+                <td>{i18n.t('bitcoin')}</td>
                 <td>
                   <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
                 </td>
               </tr>
               <tr>
-                <td>
-                  <T i18nKey="ethereum">#</T>
-                </td>
+                <td>{i18n.t('ethereum')}</td>
                 <td>
                   <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
                 </td>
               </tr>
               <tr>
-                <td>
-                  <T i18nKey="monero">#</T>
-                </td>
+                <td>{i18n.t('monero')}</td>
                 <td>
                   <code>
                     41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV