// Theirs import React from 'react' import dynamic from 'next/dynamic' // Ours import Button from '../components/Button' import Page from '../components/Page' import MenuButton from '../components/MenuButton' import { useAuth } from '../components/AuthContext' import { loginGitHub, logout } from '../lib/client' import { COLORS } from '../lib/constants' const Billing = dynamic(() => import('../components/Billing'), { loading: () =>
, }) function logoutThunk() { return logout } const soon = ⓘ function Plan({ selectBilling }) { const user = useAuth() function handleSelectFree() { if (!user) { loginGitHub() } } function handleSelectUpgrade() { if (!user) { return loginGitHub() } selectBilling() } return (
Free |
Diamond |
|
PNG/SVG Exports | ✔ | ✔ |
Full visual editor | ✔ | ✔ |
Custom backgrounds | ✔ | ✔ |
GitHub Gist support | ✔ | ✔ |
Saved snippets | 1000 | ∞ |
Embed saved snippets | ✔ | ✔ |
API Access {soon} | ✔ | |
Saved custom themes/presets {soon} | ✔ | |
Twitter card unfurls {soon} | ✔ | |
FREE FOREVER | $5.00 / month | |