Merge pull request #17 from jcreek/16-save-whether-or-not-to-remember-a-name-to-localstorage-alongside-the-name-itself

feat(#16): Save whether or not to remember a name to localstorage, al…

src/components/Modal.svelte

@@ -1,32 +1,35 @@
 <script>
 	export let closeModal;
 	export let joinRoom;
-
+  
 	let userName = '';
 	let rememberName = false;
-
+  
 	function handleNameChange(event) {
-		userName = event.target.value;
+	  userName = event.target.value;
 	}
-
+  
 	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) {
-		rememberName = event.target.checked;
+	  rememberName = event.target.checked;
 	}
-
+  
 	$: 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-overlay">