From 5d29a71e31e52530503c71f5187f6e5fa3d714fc Mon Sep 17 00:00:00 2001 From: Domuserk Date: Fri, 23 Apr 2021 06:23:48 -0300 Subject: [PATCH 1/4] new button --- src/components/Subscribe.js | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 src/components/Subscribe.js diff --git a/src/components/Subscribe.js b/src/components/Subscribe.js new file mode 100644 index 0000000..aebfd62 --- /dev/null +++ b/src/components/Subscribe.js @@ -0,0 +1,34 @@ +import styled from "styled-components"; + + +const SubscribeNow = (props) => { + return ( + Assign Now + ); + }; + + const Subscribe = styled.section` + background-color: #0063e5; + padding: 8px 16px; + text-transform: uppercase; + -webkit-letter-spacing: 1.5px; + -moz-letter-spacing: 1.5px; + -ms-letter-spacing: 1.5px; + letter-spacing: 1.5px; + border: 1px solid #f9f9f9; + border-radius: 4px; + -webkit-transition: all 0.2s ease 0s; + transition: all 0.2s ease 0s + font-weight: bold; + color: #f9f9f9; + letter-spacing: 1.5px; + border: 1px solid transparent; + border-radius: 4px; + margin-left: auto; + margin-right: 10px; + &:hover { + background-color: #0483ee; + } +`; +export default SubscribeNow; + \ No newline at end of file From b9b4510392c5281db605a669f6aa7cd1502b1c2a Mon Sep 17 00:00:00 2001 From: Domuserk Date: Fri, 23 Apr 2021 07:01:57 -0300 Subject: [PATCH 2/4] add button subscribe in Header --- src/components/Header.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/Header.js b/src/components/Header.js index e07a99e..979237e 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -10,6 +10,8 @@ import { setSignOutState, } from "../features/user/userSlice"; +import Subscribe from './Subscribe'; + const Header = (props) => { const dispatch = useDispatch(); const history = useHistory(); @@ -63,7 +65,10 @@ const Header = (props) => { {!userName ? ( - Login + <> + Login + Login + ) : ( <> From d1cc10426e283a5ad1e1947f5cf7e56fef6ff92f Mon Sep 17 00:00:00 2001 From: Domuserk Date: Fri, 23 Apr 2021 07:03:53 -0300 Subject: [PATCH 3/4] add button Subscribe in Header --- src/components/Header.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Header.js b/src/components/Header.js index 979237e..c97a8dd 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -66,7 +66,7 @@ const Header = (props) => { {!userName ? ( <> - Login + Assign Now Login ) : ( From bc6a619e632b6e81172b98e252695f1fe918fa22 Mon Sep 17 00:00:00 2001 From: Domuserk Date: Fri, 23 Apr 2021 07:05:48 -0300 Subject: [PATCH 4/4] change subscribe styled components --- src/components/Subscribe.js | 42 ++++++++++++++++++------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/components/Subscribe.js b/src/components/Subscribe.js index aebfd62..46a27bd 100644 --- a/src/components/Subscribe.js +++ b/src/components/Subscribe.js @@ -8,27 +8,27 @@ const SubscribeNow = (props) => { }; const Subscribe = styled.section` - background-color: #0063e5; - padding: 8px 16px; - text-transform: uppercase; - -webkit-letter-spacing: 1.5px; - -moz-letter-spacing: 1.5px; - -ms-letter-spacing: 1.5px; - letter-spacing: 1.5px; - border: 1px solid #f9f9f9; - border-radius: 4px; - -webkit-transition: all 0.2s ease 0s; - transition: all 0.2s ease 0s - font-weight: bold; - color: #f9f9f9; - letter-spacing: 1.5px; - border: 1px solid transparent; - border-radius: 4px; - margin-left: auto; - margin-right: 10px; - &:hover { - background-color: #0483ee; - } + background-color: #0063e5; + padding: 8px 16px; + text-transform: uppercase; + -webkit-letter-spacing: 1.5px; + -moz-letter-spacing: 1.5px; + -ms-letter-spacing: 1.5px; + letter-spacing: 1.5px; + border: 1px solid #f9f9f9; + border-radius: 4px; + -webkit-transition: all 0.2s ease 0s; + transition: all 0.2s ease 0s + font-weight: bold; + color: #f9f9f9; + letter-spacing: 1.5px; + border: 1px solid transparent; + border-radius: 4px; + margin-left: auto; + margin-right: 10px; + &:hover { + background-color: #0483ee; + } `; export default SubscribeNow; \ No newline at end of file