#187419005 Users should be able to Login with Email and Password #7

cyusasnave · 2024-06-10T19:24:17Z

Users should be able to Login with Email and Password

To be able to use the application and access authenticated routes, a login form should be presented to users.

How to test it?

Clone the repo and cd into it
Checkout to feat-implement-login and run npm install
Then run npm run dev and navigate to /login

Pivot tracker id

187419005

netlify · 2024-06-10T19:24:32Z

✅ Deploy Preview for shop-trove ready!

Name	Link
🔨 Latest commit	`6375ab7`
🔍 Latest deploy log	https://app.netlify.com/sites/shop-trove/deploys/666b35094fc56200086c4e0e
😎 Deploy Preview	https://deploy-preview-7--shop-trove.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

hound · 2024-06-13T17:57:18Z

src/utils/api.ts

@@ -1,8 +1,43 @@
-import axios from "axios";
+import axios, {


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:18Z

src/redux/store.ts

@@ -1,9 +1,9 @@
-import { configureStore } from "@reduxjs/toolkit";
-import usersSlice from "./features/userSlice";
+import { configureStore } from '@reduxjs/toolkit';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:18Z

test/pages/About.test.tsx

@@ -1,9 +1,9 @@
-import { render, screen } from "@testing-library/react";
-import About from "../../src/pages/About";
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:18Z

test/components/Footer.test.tsx

@@ -1,10 +1,10 @@
-import { render, screen } from "@testing-library/react";
-import Footer from "../../src/components/Footer";
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:18Z

test/components/Forms/InputText.test.tsx

@@ -0,0 +1,48 @@
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:19Z

test/components/buttons/Button.test.tsx

@@ -0,0 +1,55 @@
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:19Z

test/components/buttons/GoogleButton.test.tsx

@@ -0,0 +1,11 @@
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:19Z

test/components/cards/RegisterLoginCard.test.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:19Z

test/pages/Home.test.tsx

@@ -1,8 +1,8 @@
-import { render } from "@testing-library/react";
-import Home from "../../src/pages/Home";
+import { render } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:57:19Z

test/pages/auth/Login.test.tsx

@@ -0,0 +1,27 @@
+import { fireEvent, render, screen } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:44Z

src/@types/auth/loginTypes.ts

@@ -0,0 +1,5 @@
+export interface LoginState {


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:44Z

src/App.tsx

@@ -1,4 +1,4 @@
-import Routers from "./routes";
+import Routers from './routes';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:44Z

src/components/Forms/InputText.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, LegacyRef } from 'react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:44Z

src/components/Layout.tsx

-import { Outlet } from "react-router-dom";
-import Nav from "./Nav";
-import Footer from "./Footer";
+import { Outlet } from 'react-router-dom';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:44Z

src/components/Layouts/RegisterLoginContainer.tsx

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:45Z

src/components/cards/RegisterLoginCard.tsx

@@ -0,0 +1,55 @@
+import bgImage from '../../assets/register-login-card-image.svg';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:45Z

src/hooks/useHandleResize.ts

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:45Z

src/hooks/useToast.ts

@@ -0,0 +1,17 @@
+import { toast } from 'sonner';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:45Z

src/hooks/useToken.ts

@@ -0,0 +1,24 @@
+import { useState } from 'react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T17:59:45Z

src/main.tsx

-import App from "./App";
-import { Provider } from "react-redux";
-import { store } from "./redux/store";
+import React from 'react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:13Z

src/pages/About.tsx

@@ -1,5 +1,5 @@
 const About = () => {
-	return <div>About Us</div>;
+	return <div className="flex-center h-screen text-7xl">About Us</div>;


Parsing error: Unexpected token <

hound · 2024-06-13T18:06:13Z

src/pages/Home.tsx

-			))}
-		</div>
-	);
+	return <div className="flex-center h-screen text-7xl">Home Page</div>;


Parsing error: Unexpected token <

hound · 2024-06-13T18:06:13Z

src/pages/auth/Login.tsx

@@ -0,0 +1,19 @@
+import LoginForm from '../../components/auth/LoginForm';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:13Z

src/pages/auth/Register.tsx

@@ -0,0 +1,5 @@
+const Register = () => {
+	return <div className="flex-center h-screen text-7xl">Register Page</div>;


Parsing error: Unexpected token <

hound · 2024-06-13T18:06:13Z

src/redux/features/loginSlice.ts

@@ -0,0 +1,48 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:14Z

test/root/App.test.tsx

-import { render } from "@testing-library/react";
-import { MemoryRouter } from "react-router-dom";
-import App from "../../src/App";
+import { render } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:14Z

test/root/Main.test.tsx

-import React from "react";
-describe("Main Component", () => {
-	it("renders App without error", () => {
+import { render } from '@testing-library/react';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:14Z

test/setupTest.ts

@@ -1,4 +1,4 @@
-import * as matchers from "@testing-library/jest-dom/matchers";
-import { expect } from "vitest";
+import * as matchers from '@testing-library/jest-dom/matchers';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:14Z

vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import { defineConfig } from 'vite';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

hound · 2024-06-13T18:06:14Z

vitest.config.ts

@@ -1,19 +1,19 @@
-import { defineConfig } from "vitest/config";
+import { defineConfig } from 'vitest/config';


Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

#187419005 Users should be able to Login with Email and Password

# This is the 1st commit message: feat(user profile update) implementation of user profile update #187419019 # This is the commit message #2: chore(Empty react project): setup empty react project [Finishes #187418992 ] # This is the commit message #3: fix(fix react project setup) fixing react empty project setup # This is the commit message #4: chore(setup tailwind Css): Setting up TailwindCss styling Environment Finishes #187418997 # This is the commit message #5: chore(readme): add all badges technologies [Delivers #187419042] # This is the commit message #6: test(testing folder): Change folder structure to be in the root folder - Moved the test folder from src to the root folder for better organization. - Added setupTest.ts in the test folder. - Updated vite.config.ts to include the test configuration. # This is the commit message #7: eslint # This is the commit message #8: eslint # This is the commit message #9: eslint # This is the commit message #10: chore(setup Eslint, Pre-commit and Hound ci): setting up the eslint, precommit and hound ci # This is the commit message #11: chore(Eslint): Eslint, git preccommit and hound # This is the commit message #12: my commit # This is the commit message #13: test(testing folder): Change folder structure to be in the root folder - Moved the test folder from src to the root folder for better organization. - Added setupTest.ts in the test folder. - Updated vite.config.ts to include the test configuration. # This is the commit message #14: feat(login): Implement login # This is the commit message #15: feat(Register): Users should be able Signup/Register to the E-commerce App -[Delivers #187419003] feat(Register): Users should be able Signup/Register to the E-commerce App -[Delivers #187419003] # This is the commit message #16: fix(sign up responsivenes): fix the responsiveness of sign up # This is the commit message #17: fix(sign up responsivenes): fix the responsiveness of sign up # This is the commit message #18: feat(heroe): heroe section # This is the commit message #19: feat(verify-email):User should be able to verify the email # This is the commit message #20: feat(user profile update) implementation of user profile update

cyusasnave added the WIP label Jun 10, 2024

cyusasnave requested review from dniwemugisha, leandreAlly, JacquelineTuyisenge and kwizera-bonheur25 June 10, 2024 19:24

cyusasnave self-assigned this Jun 10, 2024

cyusasnave force-pushed the feat-implement-login branch 4 times, most recently from e1e554f to a4b9850 Compare June 11, 2024 11:37

cyusasnave changed the title ~~#187419005 Implement login feature~~ #187419005 Users should be able to Login with Email and Password Jun 11, 2024

cyusasnave added Read for Review WIP and removed WIP Read for Review labels Jun 11, 2024

cyusasnave force-pushed the feat-implement-login branch 4 times, most recently from 1d705b4 to 55e66f6 Compare June 12, 2024 14:40

cyusasnave added Read for Review and removed WIP labels Jun 12, 2024

cyusasnave force-pushed the feat-implement-login branch from 55e66f6 to 924ebee Compare June 12, 2024 14:46

cyusasnave requested review from Tuyisenge2, GarrixA and Hakizimana-Clement and removed request for JacquelineTuyisenge and kwizera-bonheur25 June 12, 2024 16:09

Tuyisenge2 approved these changes Jun 12, 2024

View reviewed changes

cyusasnave removed the request for review from GarrixA June 12, 2024 16:36

cyusasnave force-pushed the feat-implement-login branch from 924ebee to 64cb4fc Compare June 12, 2024 16:42

Hakizimana-Clement approved these changes Jun 12, 2024

View reviewed changes

cyusasnave force-pushed the feat-implement-login branch 4 times, most recently from b97bf6d to d429280 Compare June 13, 2024 17:57

hound bot reviewed Jun 13, 2024

View reviewed changes

cyusasnave force-pushed the feat-implement-login branch from d429280 to 62ce1c8 Compare June 13, 2024 17:59

hound bot reviewed Jun 13, 2024

View reviewed changes

feat(login): Implement login

6375ab7

cyusasnave force-pushed the feat-implement-login branch from 62ce1c8 to 6375ab7 Compare June 13, 2024 18:05

hound bot reviewed Jun 13, 2024

View reviewed changes

leandreAlly approved these changes Jun 13, 2024

View reviewed changes

leandreAlly merged commit d0f0360 into develop Jun 13, 2024
10 checks passed

kwizera-bonheur25 pushed a commit that referenced this pull request Jun 14, 2024

Merge pull request #7 from atlp-rwanda/feat-implement-login

b3c601c

#187419005 Users should be able to Login with Email and Password

kwizera-bonheur25 pushed a commit that referenced this pull request Jun 16, 2024

Merge pull request #7 from atlp-rwanda/feat-implement-login

e8aa1c9

#187419005 Users should be able to Login with Email and Password

Angemichel12 pushed a commit that referenced this pull request Jun 21, 2024

Merge pull request #7 from atlp-rwanda/feat-implement-login

cb2d923

#187419005 Users should be able to Login with Email and Password

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

#187419005 Users should be able to Login with Email and Password #7

#187419005 Users should be able to Login with Email and Password #7

cyusasnave commented Jun 10, 2024 •

edited

Loading

netlify bot commented Jun 10, 2024 •

edited

Loading

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

hound bot Jun 13, 2024

		@@ -0,0 +1,48 @@
		import { render, screen } from '@testing-library/react';

		@@ -0,0 +1,55 @@
		import { render, screen } from '@testing-library/react';

		@@ -0,0 +1,11 @@
		import { render, screen } from '@testing-library/react';

		@@ -0,0 +1,28 @@
		import { render, screen } from '@testing-library/react';

		@@ -0,0 +1,27 @@
		import { fireEvent, render, screen } from '@testing-library/react';

		@@ -1,4 +1,4 @@
		import Routers from "./routes";
		import Routers from './routes';

		@@ -0,0 +1,38 @@
		import { forwardRef, LegacyRef } from 'react';

		@@ -0,0 +1,55 @@
		import bgImage from '../../assets/register-login-card-image.svg';

		@@ -0,0 +1,30 @@
		import { useEffect, useState } from 'react';

		@@ -0,0 +1,19 @@
		import LoginForm from '../../components/auth/LoginForm';

		@@ -0,0 +1,5 @@
		const Register = () => {
		return <div className="flex-center h-screen text-7xl">Register Page</div>;

		@@ -0,0 +1,48 @@
		/* eslint-disable @typescript-eslint/no-explicit-any */
		import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';

		@@ -1,19 +1,19 @@
		import { defineConfig } from "vitest/config";
		import { defineConfig } from 'vitest/config';

#187419005 Users should be able to Login with Email and Password #7

#187419005 Users should be able to Login with Email and Password #7

Conversation

cyusasnave commented Jun 10, 2024 • edited Loading

Users should be able to Login with Email and Password

How to test it?

Pivot tracker id

netlify bot commented Jun 10, 2024 • edited Loading

✅ Deploy Preview for shop-trove ready!

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

hound bot Jun 13, 2024

Choose a reason for hiding this comment

cyusasnave commented Jun 10, 2024 •

edited

Loading

netlify bot commented Jun 10, 2024 •

edited

Loading