mirror of https://github.com/kern/filepizza
Migrate some stuff
Alex Kern
5 years ago
parent
60aea54f6f
commit
b601c89eeb
@ -1,99 +0,0 @@
|
|||||||
import FrozenHead from 'react-frozenhead'
|
|
||||||
import React from 'react'
|
|
||||||
import { RouteHandler } from 'react-router'
|
|
||||||
import ga from 'react-google-analytics'
|
|
||||||
import SupportStore from '../stores/SupportStore'
|
|
||||||
import ErrorPage from './ErrorPage'
|
|
||||||
import Bootstrap from './Bootstrap'
|
|
||||||
|
|
||||||
if (process.env.GA_ACCESS_TOKEN) {
|
|
||||||
ga('create', process.env.GA_ACCESS_TOKEN, 'auto')
|
|
||||||
ga('send', 'pageview')
|
|
||||||
}
|
|
||||||
|
|
||||||
export default class App extends React.Component {
|
|
||||||
constructor() {
|
|
||||||
super()
|
|
||||||
this.state = SupportStore.getState()
|
|
||||||
|
|
||||||
this._onChange = () => {
|
|
||||||
this.setState(SupportStore.getState())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
SupportStore.listen(this._onChange)
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
SupportStore.unlisten(this._onChange)
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<FrozenHead>
|
|
||||||
<meta charSet="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<meta name="monetization" content="$twitter.xrptipbot.com/kernio" />
|
|
||||||
<meta property="og:url" content="https://file.pizza" />
|
|
||||||
<meta
|
|
||||||
property="og:title"
|
|
||||||
content="FilePizza - Your files, delivered."
|
|
||||||
/>
|
|
||||||
<meta
|
|
||||||
property="og:description"
|
|
||||||
content="Peer-to-peer file transfers in your web browser."
|
|
||||||
/>
|
|
||||||
<meta
|
|
||||||
property="og:image"
|
|
||||||
content="https://file.pizza/images/fb.png"
|
|
||||||
/>
|
|
||||||
<title>FilePizza - Your files, delivered.</title>
|
|
||||||
<link rel="stylesheet" href="/fonts/fonts.css" />
|
|
||||||
<Bootstrap data={this.props.data} />
|
|
||||||
<script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js" />
|
|
||||||
<script src="/app.js" />
|
|
||||||
</FrozenHead>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div className="container">
|
|
||||||
{this.state.isSupported ? <RouteHandler /> : <ErrorPage />}
|
|
||||||
</div>
|
|
||||||
<footer className="footer">
|
|
||||||
<p>
|
|
||||||
<strong>Like FilePizza?</strong> Support its development!{' '}
|
|
||||||
<a
|
|
||||||
href="https://commerce.coinbase.com/checkout/247b6ffe-fb4e-47a8-9a76-e6b7ef83ea22"
|
|
||||||
className="donate-button"
|
|
||||||
>
|
|
||||||
donate
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p className="byline">
|
|
||||||
Cooked up by{' '}
|
|
||||||
<a href="http://kern.io" target="_blank">
|
|
||||||
Alex Kern
|
|
||||||
</a>{' '}
|
|
||||||
&{' '}
|
|
||||||
<a href="http://neeraj.io" target="_blank">
|
|
||||||
Neeraj Baid
|
|
||||||
</a>{' '}
|
|
||||||
while eating <strong>Sliver</strong> @ UC Berkeley ·{' '}
|
|
||||||
<a href="https://github.com/kern/filepizza#faq" target="_blank">
|
|
||||||
FAQ
|
|
||||||
</a>{' '}
|
|
||||||
·{' '}
|
|
||||||
<a href="https://github.com/kern/filepizza" target="_blank">
|
|
||||||
Fork us
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
<script>FilePizza()</script>
|
|
||||||
{process.env.GA_ACCESS_TOKEN ? <ga.Initializer /> : <div></div>}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
|
|
||||||
export default class Bootstrap extends React.Component {
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<script
|
|
||||||
id="bootstrap"
|
|
||||||
type="application/json"
|
|
||||||
dangerouslySetInnerHTML={{ __html: this.props.data }}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
export const Footer: React.FC = () => (
|
||||||
|
<footer className="footer">
|
||||||
|
<p>
|
||||||
|
<strong>Like FilePizza?</strong> Support its development!{' '}
|
||||||
|
<a
|
||||||
|
href="https://commerce.coinbase.com/checkout/247b6ffe-fb4e-47a8-9a76-e6b7ef83ea22"
|
||||||
|
className="donate-button"
|
||||||
|
>
|
||||||
|
donate
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p className="byline">
|
||||||
|
Cooked up by{' '}
|
||||||
|
<a href="http://kern.io" target="_blank">
|
||||||
|
Alex Kern
|
||||||
|
</a>{' '}
|
||||||
|
&{' '}
|
||||||
|
<a href="http://neeraj.io" target="_blank">
|
||||||
|
Neeraj Baid
|
||||||
|
</a>{' '}
|
||||||
|
while eating <strong>Sliver</strong> @ UC Berkeley ·{' '}
|
||||||
|
<a href="https://github.com/kern/filepizza#faq" target="_blank">
|
||||||
|
FAQ
|
||||||
|
</a>{' '}
|
||||||
|
·{' '}
|
||||||
|
<a href="https://github.com/kern/filepizza" target="_blank">
|
||||||
|
Fork us
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
)
|
||||||
|
|
||||||
|
export default Footer
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import type { AppProps } from 'next/app'
|
||||||
|
import Head from 'next/head'
|
||||||
|
import Footer from '../components/Footer'
|
||||||
|
|
||||||
|
const App: React.FC<AppProps> = ({ Component, pageProps }: AppProps) => (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<meta charSet="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="monetization" content="$twitter.xrptipbot.com/kernio" />
|
||||||
|
<meta property="og:url" content="https://file.pizza" />
|
||||||
|
<meta property="og:title" content="FilePizza • Your files, delivered." />
|
||||||
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="Peer-to-peer file transfers in your web browser."
|
||||||
|
/>
|
||||||
|
<meta property="og:image" content="https://file.pizza/images/fb.png" />
|
||||||
|
<title>FilePizza • Your files, delivered.</title>
|
||||||
|
<meta property="og:title" content="FilePizza" key="title" />
|
||||||
|
</Head>
|
||||||
|
|
||||||
|
<Component {...pageProps} />
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
|
||||||
|
export default App
|
||||||
Loading…
Reference in New Issue