From 542310064d86d1acd019bedae48c98b2e7d5a2bc Mon Sep 17 00:00:00 2001 From: tejas96 Date: Sat, 13 Nov 2021 23:07:17 +0530 Subject: [PATCH 1/3] added login component, create reusable component (button, input) --- .eslintrc | 3 +- src/components/auth/signin/signinComponent.js | 69 +++++++++++++++++++ .../auth/signin/signinComponent.jsx | 0 src/components/auth/signin/signinContainer.js | 23 +++++++ .../auth/signin/styledComponents.js | 48 +++++++++++++ src/components/common/button/index.js | 19 +++++ .../common/button/styledComponets.js | 35 ++++++++++ src/components/common/footer/index.js | 1 + .../common/footer/styledComponents.js | 14 ++-- src/components/common/header/index.js | 43 +++++++----- .../common/header/styledComponents.js | 53 +++++++++++++- src/components/common/index.js | 5 +- src/components/common/input/index.js | 43 ++++++++++++ .../common/input/styledComponents.js | 22 ++++++ src/config/appTheme.js | 17 ++++- src/config/redux/store.js | 2 +- src/router/ProtectiveRouter.js | 6 +- src/router/routes.js | 3 +- 18 files changed, 373 insertions(+), 33 deletions(-) create mode 100644 src/components/auth/signin/signinComponent.js delete mode 100644 src/components/auth/signin/signinComponent.jsx create mode 100644 src/components/common/button/index.js create mode 100644 src/components/common/button/styledComponets.js create mode 100644 src/components/common/input/index.js create mode 100644 src/components/common/input/styledComponents.js diff --git a/.eslintrc b/.eslintrc index 41bf6bd..e17e940 100644 --- a/.eslintrc +++ b/.eslintrc @@ -1,3 +1,4 @@ { - "extends": ["react-app"] + "extends": ["react-app"], + } \ No newline at end of file diff --git a/src/components/auth/signin/signinComponent.js b/src/components/auth/signin/signinComponent.js new file mode 100644 index 0000000..55cca80 --- /dev/null +++ b/src/components/auth/signin/signinComponent.js @@ -0,0 +1,69 @@ +import React from 'react'; +import { Input } from '../../common'; +import useSigninContainer from './signinContainer'; +import { SignInContainer, SignInFormContainer } from './styledComponents'; +import { Button } from '../../common'; +import FeatherIcon from 'feather-icons-react'; +import { Link } from 'react-router-dom'; + +const SignIn = (props) => { + const { handleStateChange, componentState } = useSigninContainer(); + return ( + + +

Login

+
+
+ handleStateChange('email', e.target.value)} + value={componentState?.email} + /> +
+
+ handleStateChange('password', e.target.value)} + value={componentState?.password} + /> +
+