fsylvain/RenewCMS
1
1 Fork 0
Code Issues Pull Requests Packages Projects Releases 20 Wiki Activity

chore: 2 big design passes to harmonize and fix stuff

Browse Source
This commit is contained in:
Florian Sylvain committed 2026-10-11 07:45:17 +02:00
1 parent 67b3ff03d0
commit 5e05b606a7
43 files changed
+2167 -4183
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/design/screens/verify.md
+16 -40
View File
@@ -1,50 +1,26 @@
# Verify account
# Verify
- **Route:** `/register/validate?c=CODE`
- **API:** POST /v1/auth/verify
- **Visual reference:** `source/RenewCMS Screens Auth.dc.html`, group "Verify" (open it in a browser; each state is drawn at desktop and mobile, with a light/dark toggle).
Route: `/register/validate?c=CODE`. API: POST /v1/auth/verify.
Opened from the verification email, and submits automatically on load. This is the only full-card spinner in the product.
## States
Visual reference: `RenewCMS Screens Auth.dc.html`, groups "Verify". Frames: `AppFrame.dc.html` (shell, sidebar, topbar, drawer) plus the screen frame where listed in components.md.
### Verifying
## Copy per state (generated from the board source, pass 2)
**Trigger:** On load, with a code in the URL.
Every state below is drawn in light and dark (theme switch on the board), at 1440×900 and 390×844 (both frames sit side by side). Board: `RenewCMS Screens Auth.dc.html`. Copy is exact; where a cell is empty the state reuses the fixed copy.
- Full-card spinner: "Verifying your account…"
### Verify account (group "Verify", 6 states)
### Success
Route: `/register/validate?c=CODE`. API: POST /v1/auth/verify.
**Trigger:** 200 → /home after 800 ms, with a toast.
Opened from the verification email, and submits automatically on load. This is the only full-card spinner in the product.
- ResultPanel (success, shield-check): **Your account is verified**; text "Taking you to your dashboard…"
- Toast (circle-check): **Your account is verified** "Welcome to RenewCMS."
### Invalid or expired (403)
**Trigger:** The code is wrong, used, or older than 2 hours.
- ResultPanel (error, link-2-off): **This verification link doesn't work**; text "It may have expired (links last 2 hours) or already been used."; note "Cancel your registration and start over to get a new link."; actions "Cancel registration and start over" (primary), "Log out" (secondary)
### No session (401)
**Trigger:** Opened in another browser or device. Log in inline, then verification retries automatically with the same code.
- Heading: **Log in to finish verifying**
- Description: "You opened this link somewhere you're not logged in. Log in here and we'll verify your account right after."
- Field `Username`: placeholder "Your username"
- Field `Password`: password with show/hide
- Submit button: "Log in and verify"
### No session, retrying
**Trigger:** Logged in inline. Now verifying.
- Full-card spinner: "Verifying your account…"
### Missing code
**Trigger:** The link has no ?c= parameter. No request is made.
- ResultPanel (error, link-2-off): **This link is incomplete**; text "The verification code is missing. Open the link from your email again, or copy the full address into your browser."; actions "Go to log in" (secondary)
| # | State | Trigger | Copy |
|---|---|---|---|
| 1 | Verifying | On load, with a code in the URL. | "Verifying your account…" |
| 2 | Success | 200 → /home after 800 ms, with a toast. | "Your account is verified" / "Taking you to your dashboard…" / "Welcome to RenewCMS." |
| 3 | Invalid or expired (403) | The code is wrong, used, or older than 2 hours. | "This verification link doesn't work" / "It may have expired (links last 2 hours) or already been used." / "Cancel your registration and start over to get a new link." / "Cancel registration and start over" / "Log out" |
| 4 | No session (401) | Opened in another browser or device. Log in inline, then verification retries automatically with the same code. | "Log in to finish verifying" / "You opened this link somewhere you're not logged in. Log in here and we'll verify your account right after." / "Log in and verify" |
| 5 | No session, retrying | Logged in inline. Now verifying. | "Verifying your account…" |
| 6 | Missing code | The link has no ?c= parameter. No request is made. | "This link is incomplete" / "The verification code is missing. Open the link from your email again, or copy the full address into your browser." / "Go to log in" |