Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add validation copy #257

Merged
merged 1 commit into from
Dec 6, 2022
Merged

fix: add validation copy #257

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 51 additions & 3 deletions packages/access-api/src/utils/html.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,10 @@ export function buildDocument(body) {

<head>
<meta charset="utf-8">
<title></title>
<title>Web3 Storage</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@acab/reset.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css">
<style>
:root {
Expand All @@ -28,6 +29,18 @@ export function buildDocument(body) {
--scrollbar-thumb: hsl(212deg 27% 10%);
--scrollbar-thumb-hover: hsl(212deg 27% 6%);
}
:where(:root) body {
display: grid;
height: 100vh;
height: 100dvh;
padding: 0;
margin: 0;
max-width: 100%;
}
body {
margin: 0 40px;
padding: 40px 0;
}
.fcenter {
display: flex;
align-items: center;
Expand All @@ -37,6 +50,21 @@ export function buildDocument(body) {
.mcenter {
margin: 0 auto;
}

.box {
max-width: 640px;
background-color: var(--background-alt);
padding: 20px;
margin: 1em 0;
border-radius: 6px;
overflow: hidden;
}
.box > p {
margin-bottom: 10px;
}
.box > p:last-child {
margin-bottom: 0;
}
</style>
</head>
<body>
Expand Down Expand Up @@ -77,7 +105,7 @@ export class HtmlResponse extends Response {
* @param {string} param0.qrcode
*/
export const ValidateEmail = ({ delegation, ucan, qrcode }) => (
<div class="fcenter" style={{ height: '90vh', margin: '0 40px' }}>
<div class="fcenter">
<img
src="https://web3.storage/android-chrome-512x512.png"
height="80"
Expand All @@ -88,6 +116,26 @@ export const ValidateEmail = ({ delegation, ucan, qrcode }) => (
{delegation.capabilities[0].nb.identity.replace('mailto:', '')} was
confirmed. You may close this window.
</p>
<div class="box">
<p>
During the beta period, uploads via w3up will only appear via the beta
APIs, and not on the web3.storage or NFT.Storage websites, even if the
associated email addresses are the same.
</p>
<p>
At the end of the beta period, web3.storage and NFT.Storage's upload
APIs and existing accounts will be upgraded to use w3up. Uploads via the
w3up beta be migrated to web3.storage by default and, if applicable,
combined with the relevant existing web3.storage account (based on email
address). If you would rather have your beta w3up account be associated
with the NFT.Storage product (e.g., you are only storing off-chain NFT
data), please email us at{' '}
<a href="mailto:support@nft.storage">support@nft.storage</a>. All w3up
uploads associated with a given registered email will only be able to be
associated with one of either web3.storage or NFT.Storage when these
uploads are migrated.
</p>
</div>
<details style={{ maxWidth: '80vw', overflow: 'overlay' }}>
{' '}
<summary>More details</summary>
Expand Down Expand Up @@ -119,7 +167,7 @@ export const ValidateEmail = ({ delegation, ucan, qrcode }) => (
* @param {string} param0.msg
*/
export const ValidateEmailError = ({ msg }) => (
<div class="fcenter" style={{ height: '90vh', margin: '0 40px' }}>
<div class="fcenter">
<img
src="https://web3.storage/android-chrome-512x512.png"
height="80"
Expand Down