diff options
-rw-r--r-- | ui/src/components/footer.tsx | 2 | ||||
-rw-r--r-- | ui/src/components/sponsors.tsx | 82 | ||||
-rw-r--r-- | ui/src/index.tsx | 2 |
3 files changed, 85 insertions, 1 deletions
diff --git a/ui/src/components/footer.tsx b/ui/src/components/footer.tsx index cb8b6ea1..3f6288ff 100644 --- a/ui/src/components/footer.tsx +++ b/ui/src/components/footer.tsx @@ -22,7 +22,7 @@ export class Footer extends Component<any, any> { <Link class="nav-link" to="/modlog">Modlog</Link> </li> <li class="nav-item"> - <a class="nav-link" href={`${repoUrl}#support`}>Contribute</a> + <Link class="nav-link" to="/sponsors">Sponsors</Link> </li> <li class="nav-item"> <a class="nav-link" href={repoUrl}>Code</a> diff --git a/ui/src/components/sponsors.tsx b/ui/src/components/sponsors.tsx new file mode 100644 index 00000000..c9923bee --- /dev/null +++ b/ui/src/components/sponsors.tsx @@ -0,0 +1,82 @@ +import { Component } from 'inferno'; + +let general = + ["Eduardo Cavazos"]; +// let highlighted = []; +// let silver = []; +// let gold = []; +// let latinum = []; + +export class Sponsors extends Component<any, any> { + + constructor(props: any, context: any) { + super(props, context); + + } + + componentDidMount() { + document.title = "Sponsors - Lemmy"; + } + + render() { + return ( + <div class="container text-center"> + {this.topMessage()} + <hr /> + {this.sponsors()} + <hr /> + {this.bitcoin()} + </div> + ) + } + + topMessage() { + return ( + <div> + <h5>Sponsors of Lemmy</h5> + <p> + Lemmy is free, <a href="https://github.com/dessalines/lemmy">open-source</a> software, meaning no advertising, monetizing, or venture capital, ever. Your donations directly support full-time development of the project. Thank you to the following people: + </p> + <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">Support on Patreon</a> + </div> + ) + } + sponsors() { + return ( + <div> + <h5>Sponsors</h5> + <p>General Sponsors are those that pledged $10 to $39 to Lemmy.</p> + <div class=""> + {general.map(s => + <div class="card col-12 col-md-2"> + <div>{s}</div> + </div> + )} + </div> + </div> + ) + } + + bitcoin() { + return ( + <div> + <h5>Crypto</h5> + <div class="table-responsive"> + <table class="table table-hover text-center"> + <tbody> + <tr> + <td>Bitcoin</td> + <td><code>bc1queu73nwuheqtsp65nyh5hf4jr533r8rr5nsj75</code></td> + </tr> + <tr> + <td>Ethereum</td> + <td><code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code></td> + </tr> + </tbody> + </table> + </div> + </div> + ) + } +} + diff --git a/ui/src/index.tsx b/ui/src/index.tsx index b3b46904..4b3cd611 100644 --- a/ui/src/index.tsx +++ b/ui/src/index.tsx @@ -15,6 +15,7 @@ import { Modlog } from './components/modlog'; import { Setup } from './components/setup'; import { Inbox } from './components/inbox'; import { Search } from './components/search'; +import { Sponsors } from './components/sponsors'; import { Symbols } from './components/symbols'; import './css/bootstrap.min.css'; @@ -54,6 +55,7 @@ class Index extends Component<any, any> { <Route path={`/modlog`} component={Modlog} /> <Route path={`/setup`} component={Setup} /> <Route path={`/search`} component={Search} /> + <Route path={`/sponsors`} component={Sponsors} /> </Switch> <Symbols /> </div> |