Renamed component, inform user when password reset mail has been sent, added comment for #238

src/components/screens/Login.vue

@@ -32,7 +32,7 @@ import { useCookies } from '@vueuse/integrations/useCookies'
 import LoginForm from '@/components/screens/partials/login/LoginForm.vue'
 import RegisterForm from '@/components/screens/partials/login/RegisterForm.vue'
 import NewPasswordForm from '@/components/screens/partials/login/NewPasswordForm.vue'
-import ResetPassword from '@/components/screens/partials/login/ResetPassword.vue'
+import ResetPassword from '@/components/screens/partials/login/ResetPasswordModal.vue'
 
 const isPasswordResetFormShown = ref(false)
 const doesUrlHaveToken = window.location.hash.includes('#')

src/components/screens/partials/login/NewPasswordForm.vue

@@ -59,6 +59,15 @@ async function newPasswordFunc() {
     newPasswordError.value = response.error
     return
   }
+
+  /**
+   * @TODO: #238, this wont work if we redirect to the login page
+   * Find a way to just "close" this screen instead of redirecting
+   */
+  gameStore.addNotification({
+    title: 'Success',
+    message: 'Password changed successfully'
+  })
   window.location.href = '/'
 }
 

src/components/screens/partials/login/ResetPasswordModal.vue

@@ -26,9 +26,11 @@
 import { ref } from 'vue'
 import { resetPassword } from '@/services/authentication'
 import Modal from '@/components/utilities/Modal.vue'
+import { useGameStore } from '@/stores/gameStore'
 
 const emit = defineEmits(['close'])
 
+const gameStore = useGameStore()
 const email = ref('')
 const resetPasswordError = ref('')
 
@@ -47,6 +49,11 @@ async function resetPasswordFunc() {
     return
   }
 
+  gameStore.addNotification({
+    title: 'Success',
+    message: 'Password reset email sent'
+  })
+
   emit('close')
 }
 </script>