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

Loading…
Cancel
Save