Ben Stull
66 lines
2.6 KiB
React
66 lines
2.6 KiB
React
// BetaPending.jsx — the "your request is in review" page (§6.1 / §14.1).
|
|
//
|
|
// v0.3.0 introduced this surface as the post-OAuth-rejection page (a
|
|
// user whose email wasn't on the `allowed_emails` table bounced here).
|
|
// v0.8.0 (roadmap item #6) repurposes it as the post-OTC pending-grant
|
|
// page: any authenticated user whose `permission_state='pending'` lands
|
|
// here on root visits, after a fresh-OTC profile capture, or via the
|
|
// header "Your beta access is in review" affordance.
|
|
//
|
|
// The deployment supplies a contact channel via VITE_BETA_CONTACT (an
|
|
// email, URL, or short instruction). If unset, we render a generic
|
|
// ask-the-operator line.
|
|
|
|
import { Link } from 'react-router-dom'
|
|
|
|
export default function BetaPending({ viewer }) {
|
|
const contact = import.meta.env.VITE_BETA_CONTACT || ''
|
|
const isPending = viewer?.permission_state === 'pending'
|
|
return (
|
|
<div className="beta-pending">
|
|
<div className="beta-pending-inner">
|
|
<h1>
|
|
{isPending
|
|
? 'Your request is in review.'
|
|
: `${import.meta.env.VITE_APP_NAME} is in private Beta.`}
|
|
</h1>
|
|
{isPending ? (
|
|
<>
|
|
<p>
|
|
Thanks for telling us a bit about yourself. The deployment's
|
|
admins are notified by email as soon as a request lands;
|
|
we don't commit to a fixed SLA — turnaround depends on
|
|
operator availability — and the deployment operator is
|
|
the right person to ask if a wait runs long.
|
|
</p>
|
|
<p>
|
|
While you wait, the catalog on the left lists every super-draft
|
|
and active RFC in the framework — reading is open. Discussion
|
|
and contribution unlock once your access is granted.
|
|
</p>
|
|
</>
|
|
) : (
|
|
<p>
|
|
Discussion and contribution are gated to invited contributors for
|
|
now. Reading is open — every super-draft, every active RFC, and
|
|
every public conversation is visible without signing in.
|
|
</p>
|
|
)}
|
|
{contact ? (
|
|
<p className="beta-pending-contact">
|
|
Questions? Contact <strong>{contact}</strong>.
|
|
</p>
|
|
) : (
|
|
<p className="beta-pending-contact">
|
|
Questions? Contact the deployment operator.
|
|
</p>
|
|
)}
|
|
<div className="beta-pending-actions">
|
|
<Link className="btn-primary" to="/">Browse the catalog</Link>
|
|
<Link className="btn-link-quiet" to="/philosophy">Read the philosophy →</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|