fix(frontend): adds debug code to fix no input possible on Mobile

This commit is contained in:
itsscb 2024-08-28 14:04:18 +02:00 committed by GitHub
commit eaceab950b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -139,6 +139,9 @@ pub fn Home() -> Html {
let loading: UseStateHandle<bool> = use_state(|| true); let loading: UseStateHandle<bool> = use_state(|| true);
let curr_index: UseStateHandle<usize> = use_state(|| 0usize); let curr_index: UseStateHandle<usize> = use_state(|| 0usize);
// TODO: Remove DEBUG
let inp: UseStateHandle<String> = use_state(String::new);
let length = use_state(|| 0usize); let length = use_state(|| 0usize);
let submitted_words: UseStateHandle<Vec<Vec<CharStatus<String>>>> = let submitted_words: UseStateHandle<Vec<Vec<CharStatus<String>>>> =
use_state(|| std::vec::Vec::with_capacity(MAX_TRIES)); use_state(|| std::vec::Vec::with_capacity(MAX_TRIES));
@ -308,6 +311,9 @@ pub fn Home() -> Html {
let input_values = input_values.clone(); let input_values = input_values.clone();
let node_refs = node_refs.clone(); let node_refs = node_refs.clone();
// TODO: Remove DEBUG
let inp = inp.clone();
Callback::from(move |e: InputEvent| { Callback::from(move |e: InputEvent| {
let event = e.dyn_into::<web_sys::KeyboardEvent>().ok(); let event = e.dyn_into::<web_sys::KeyboardEvent>().ok();
if let Some(e) = event.as_ref() { if let Some(e) = event.as_ref() {
@ -336,6 +342,9 @@ pub fn Home() -> Html {
let index = *curr_index; let index = *curr_index;
let mut values = (*input_values).clone(); let mut values = (*input_values).clone();
// TODO: Remove DEBUG
inp.set(k.to_owned());
if k.len() == 1 && k.chars().all(char::is_alphabetic) { if k.len() == 1 && k.chars().all(char::is_alphabetic) {
values[index] = k.to_uppercase(); values[index] = k.to_uppercase();
input_values.set(values); input_values.set(values);
@ -375,6 +384,9 @@ pub fn Home() -> Html {
<div <div
class="h-5/6 flex flex-col" class="h-5/6 flex flex-col"
> >
// TODO: Remove DEBUG
<h1>{(*inp).clone()}</h1>
<form <form
class="order-last mt-8" class="order-last mt-8"
> >