[#7] Add forgot password link to login page

liamstevens111 · Feb 15, 2023 · cebbfaa · cebbfaa
1 parent ebd3198
commit cebbfaa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/components/Button/index.test.tsx b/src/components/Button/index.test.tsx
@@ -15,7 +15,7 @@ describe('Button', () => {
     expect(buttonComponent).toHaveAttribute('type', 'button');
   });
 
-  it('renders a button with the given class', () => {
+  test('renders a button with the given class', () => {
     render(<Button text="Click me" type="button" className="primary" onButtonClick={handleButtonClick} />);
 
     const buttonComponent = screen.getByRole('button', { name: 'Click me' });

diff --git a/src/screens/Home/login.tsx b/src/screens/Home/login.tsx
@@ -13,14 +13,14 @@ function LoginScreen() {
       <img className="inline-block" src={logo} alt="logo" />
       <p className="text-white opacity-50 my-8">Sign in to Nimble</p>
       <form>
-        <Input name="email" label="Email" type="text" className="block h-14 w-80 pl-3 my-3" onInputChange={tempHandler} />
-        <Input
-          name="password"
-          label="Password"
-          type="password"
-          className="block h-14 w-80 pl-3 my-3"
-          onInputChange={tempHandler}
-        />
+        <Input name="email" label="Email" type="text" className="block h-14 w-80 my-3" onInputChange={tempHandler} />
+        <div className="relative w-80">
+          <Input name="password" label="Password" type="password" className="block h-14 w-80 my-3" onInputChange={tempHandler} />
+          {/* Change to React Router Link when implement #17 */}
+          <a href="." className="absolute text-white opacity-50 my-8 left-60 top-5">
+            Forgot?
+          </a>
+        </div>
         <Button type="button" text="Sign in" className="h-14 w-80" onButtonClick={tempHandler} />
       </form>
     </>