change file names and fix lint

sfbrigade · Aug 21, 2024 · 6ad332b · 6ad332b
1 parent 9171e7c
commit 6ad332b
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 15 deletions.
diff --git a/client/src/App.jsx b/client/src/App.jsx
@@ -20,7 +20,7 @@ import { AdminUsers } from './pages/admin/users/AdminUsers';
 
 import Context from './Context';
 import AdminPendingUsers from './pages/admin/pending-users/AdminPendingUsers';
-import PasswordReset from './pages/auth/password-reset/passwordReset';
+import PasswordForgot from './pages/auth/password-forgot/passwordForgot';
 import AuthLayout from './stories/AuthLayout/AuthLayout';
 
 const RedirectProps = {
@@ -109,7 +109,7 @@ function App() {
           <Route element={<AuthLayout />}>
             <Route path="/register" element={<Register />} />
             <Route path="/login" element={<Login />} />
-            <Route path="/password-reset" element={<PasswordReset />} />
+            <Route path="/password-reset" element={<PasswordForgot />} />
           </Route>
         </Route>
       </Routes>

diff --git a/...c/pages/auth/password-reset/ResetForm.jsx → ...th/password-forgot/PasswordForgotForm.jsx b/...c/pages/auth/password-reset/ResetForm.jsx → ...th/password-forgot/PasswordForgotForm.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import { Button, Container, Loader, TextInput } from '@mantine/core';
 import PropTypes from 'prop-types';
-import classes from './passwordReset.module.css';
+import classes from './passwordForgot.module.css';
 
-const resetFormProps = {
+const formProps = {
   email: PropTypes.string.isRequired,
   emailError: PropTypes.string,
   onEmailChange: PropTypes.func.isRequired,
@@ -13,9 +13,9 @@ const resetFormProps = {
 };
 /**
  * Reset Form component for Password Reset page
- * @param {PropTypes.InferProps<typeof resetFormProps>} props
+ * @param {PropTypes.InferProps<typeof formProps>} props
  */
-export function ResetForm({
+export function PasswordForgotForm({
   email,
   emailError,
   onEmailChange,
@@ -62,4 +62,4 @@ export function ResetForm({
   );
 }
 
-ResetForm.propTypes = resetFormProps;
+PasswordForgotForm.propTypes = formProps;
diff --git a/...ges/auth/password-reset/passwordReset.jsx → ...s/auth/password-forgot/passwordForgot.jsx b/...ges/auth/password-reset/passwordReset.jsx → ...s/auth/password-forgot/passwordForgot.jsx
@@ -1,17 +1,20 @@
 import React, { useState } from 'react';
-import classes from './passwordReset.module.css';
+import classes from './passwordForgot.module.css';
 import { Flex } from '@mantine/core';
-import { ResetForm } from './ResetForm';
+import { PasswordForgotForm } from './PasswordForgotForm';
 
 /**
  * Password reset page
  */
-function PasswordReset() {
+function PasswordForgot() {
   const [email, setEmail] = useState('');
   const [emailError, setEmailError] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [formState, setFormState] = useState(1);
 
+  /**
+   * Password Reset Page
+   */
   function sendPasswordReset() {
     setEmailError(null);
     setIsLoading(true);
@@ -48,7 +51,7 @@ function PasswordReset() {
         </p>
       </div>
       <Flex direction="column" gap="md">
-        <ResetForm
+        <PasswordForgotForm
           email={email}
           emailError={emailError}
           onEmailChange={(event) => {
@@ -64,4 +67,4 @@ function PasswordReset() {
   );
 }
 
-export default PasswordReset;
+export default PasswordForgot;
diff --git a/...h/password-reset/passwordReset.module.css → ...password-forgot/passwordForgot.module.css b/...h/password-reset/passwordReset.module.css → ...password-forgot/passwordForgot.module.css
diff --git a/...ges/auth/password-reset/Reset.stories.jsx → ...assword-forgot/passwordForgot.stories.jsx b/...ges/auth/password-reset/Reset.stories.jsx → ...assword-forgot/passwordForgot.stories.jsx
@@ -1,9 +1,9 @@
 import '@mantine/core/styles.css';
-import { ResetForm } from './ResetForm';
+import { PasswordForgotForm } from './PasswordForgotForm';
 
 export default {
-  title: 'Reset Form',
-  component: ResetForm,
+  title: 'Password Forgot Form',
+  component: PasswordForgotForm,
   tags: ['autodocs'],
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout