feat(#16): Save whether or not to remember a name to localstorage, alongside the name itself

This commit is contained in:
Josh Creek
2023-07-30 15:53:45 +01:00
parent 0179179733
commit 92c39771fa
+14 -11
View File
@@ -6,27 +6,30 @@
let rememberName = false; let rememberName = false;
function handleNameChange(event) { function handleNameChange(event) {
userName = event.target.value; userName = event.target.value;
} }
function handleSubmit() { function handleSubmit() {
if (userName.trim() !== '') { if (userName.trim() !== '') {
joinRoom(userName); joinRoom(userName);
if (rememberName && typeof localStorage !== 'undefined') { if (rememberName && typeof localStorage !== 'undefined') {
localStorage.setItem('userName', userName); localStorage.setItem('userName', userName);
} else if (typeof localStorage !== 'undefined') { localStorage.setItem('rememberName', true);
localStorage.removeItem('userName'); } else if (typeof localStorage !== 'undefined') {
} localStorage.removeItem('userName');
closeModal(); localStorage.removeItem('rememberName');
} }
closeModal();
}
} }
function handleRememberChange(event) { function handleRememberChange(event) {
rememberName = event.target.checked; rememberName = event.target.checked;
} }
$: userName = typeof localStorage !== 'undefined' ? localStorage.getItem('userName') || '' : ''; $: userName = typeof localStorage !== 'undefined' ? localStorage.getItem('userName') || '' : '';
</script> $: rememberName = typeof localStorage !== 'undefined' ? localStorage.getItem('rememberName') === 'true' : false;
</script>
<div class="modal-container"> <div class="modal-container">
<div class="modal-overlay"> <div class="modal-overlay">