fix(quotesdb): submit form UX fixes (6a4c61, dfd185, 5b3475)

- Replace 'Submit another' link with 'Browse all quotes' -> Route::Browse
- Change date input from type=text to type=date, remove placeholder
- Make author optional (defaults to Anonymous), update label
- Clarify auth code label to 'Edit/delete passphrase'

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
quotesdb
Elijah Voigt 3 months ago
parent e3fe2253f9
commit ad06c8befb

@ -50,8 +50,8 @@ pub fn submit_page() -> Html {
let tags_val = (*tags).clone();
let auth_val = (*custom_auth).clone();
if text_val.is_empty() || author_val.is_empty() {
error.set(Some("Text and author are required.".to_string()));
if text_val.is_empty() {
error.set(Some("Quote text is required.".to_string()));
return;
}
@ -63,7 +63,11 @@ pub fn submit_page() -> Html {
let input = CreateQuoteInput {
text: text_val,
author: author_val,
author: if author_val.is_empty() {
"Anonymous".to_string()
} else {
author_val
},
source: if source_val.is_empty() {
None
} else {
@ -124,8 +128,8 @@ pub fn submit_page() -> Html {
>
{ "View your quote" }
</Link<Route>>
<Link<Route> to={Route::Submit} classes="btn">
{ "Submit another" }
<Link<Route> to={Route::Browse} classes="btn">
{ "Browse all quotes" }
</Link<Route>>
</div>
</div>
@ -160,7 +164,7 @@ pub fn submit_page() -> Html {
</div>
<div class="submit-form__field">
<label class="submit-form__label" for="author">{ "Author *" }</label>
<label class="submit-form__label" for="author">{ "Author (optional, defaults to Anonymous)" }</label>
<input
id="author"
class="submit-form__input"
@ -174,7 +178,6 @@ pub fn submit_page() -> Html {
author.set(input.value());
})
}}
required=true
/>
</div>
@ -197,12 +200,11 @@ pub fn submit_page() -> Html {
</div>
<div class="submit-form__field">
<label class="submit-form__label" for="date">{ "Date (optional, YYYY-MM-DD)" }</label>
<label class="submit-form__label" for="date">{ "Date (optional)" }</label>
<input
id="date"
class="submit-form__input"
type="text"
placeholder="e.g. 1884-01-01"
type="date"
value={(*date).clone()}
oninput={{
let date = date.clone();
@ -234,7 +236,7 @@ pub fn submit_page() -> Html {
<div class="submit-form__field">
<label class="submit-form__label" for="auth_code">
{ "Custom auth code (optional)" }
{ "Edit/delete passphrase (auto-generated if left blank)" }
</label>
<input
id="auth_code"

Loading…
Cancel
Save