From e56eac3ae13bef3dce2ccf032d74600a5d0a22bb Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 22 May 2023 09:35:19 +0100
Subject: [PATCH] login rearranged with linkedin login btn addition

---
 src/assets/images/Linkedin.png           | Bin 0 -> 958 bytes
 src/components/AuthPages/Login/index.jsx |  18 ++++++++++--------
 2 files changed, 10 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/images/Linkedin.png

diff --git a/src/assets/images/Linkedin.png b/src/assets/images/Linkedin.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8351436f2d045d65f9b1a0510f592b8b687ea70
GIT binary patch
literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq004pj004pr0{{R3z1`r?0001BP)t-s0Dimw
z|Nj7axd42+_4@otki>1J&H!?@cBs$9+UkL?(*Sn2<?r_J_WBlszS!mPW1h;9xYxJP
z<w=yqrN-X?ZnUk*;ai%?-s<zu-|d*b+l;l>D~P~3i^06r=xw3Qo33EJ0009SNkl<Z
zc%1E=Ym=%l42DZn>`FoIsJN^D|6iWs9U48zo~E5MeZTCCW#Ji;Hfd~R(M@TU)Eh>k
zO`TNf{lV<|H!nbO02%}UuAs<A2%^-_r+NGxgR4?J5VBa(KK~*aXE%flxC;WtIAj+D
z5j!H#46!&PluoR0kt_#<T)87)OywG(aAt-<yogvzwHV+6NLl674%!kGOPtz4TOwh#
zQ#)u&)NJD#fhaTv{X#l_7^Ix}3UBLfpNTB*wym3KD~sJdvD%#+#4%7!^sJ8F8mf!N
zB45R26HV38GU)he>O|_3GDi@0lr9N1LJ&m-p+_3NNbe1Nk0MZ7f@df~)Dj{H_Xr-m
z1#C|0y+5HZs0u|mQqG7Iia?rax0o}eq(Oow2*QCjPN}s)uqV!(z?c*}^4tw3i*!z1
zh&nU$k2O;C4hXaqJ6x=hmm6n$Z!TN*&06Vr=k0jQ8}uKDtFyS9*{mNgS#jv9uIrO6
zm&@wwAWgyh@!QM=rB>B*q|K@?E<cC(Ij*PLZy&dT?cNx_4y#RXMtaeGT<C`wNnlrx
z6^gIS;jdvBc!KAhqG6vca7z(5m_h!gwEk$7Ux=W#F9FV1d}54c2nzXhr1FFJun0k7
z6@jsm`3y@CRzH6wh@$zm<|PQH)cnj)I=f`G1OeZHP1Vme#S(;h65q}dqGsl6u!xY(
z{OZ9X!et?Mi*TH`M%qLW6bK^AUQ~+Cif1{)FA&oH6vuI0AX&pz^U4&95q3qZV31DN
z4lk~0tRghe8!rX;i#XauXvUt#vAfJIR4hX<4gd`20!*bA5e!!chDFcJ9s*JmR6Q*M
zatZ>lG)7oM5J(6FKrCSoVU0y$jwJQ=5YR77urF8aA(YsiF@Lm&aKP@&kyY9r0-B0o
zmE?dB5CTF#2nYcoAOwVf5D)@FKnMr{As_?<Duhf-H9;`OS1%BZ3+L4x_5Ye0onLrA
z{Px0sb*>|vHL@TNnwC6h-SVJ;&4V^R51JW0XzBE!vDJh2ULTsAJ!tjzq2b+!w*Sb3
gA3qr6>?a`p0M5TNyW|tR7XSbN07*qoM6N<$f*NAGy#N3J

literal 0
HcmV?d00001

diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx
index b67f13a..823b680 100644
--- a/src/components/AuthPages/Login/index.jsx
+++ b/src/components/AuthPages/Login/index.jsx
@@ -3,6 +3,7 @@ import { Link, useNavigate } from "react-router-dom";
 import appleLogo from "../../../assets/images/apple-black.svg";
 import facebookLogo from "../../../assets/images/facebook-4.svg";
 import googleLogo from "../../../assets/images/google-logo.svg";
+import linkedInLogo from "../../../assets/images/Linkedin.png";
 import WrenchBoard from "../../../assets/images/wrenchboard.png";
 import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
@@ -232,13 +233,14 @@ export default function Login() {
                           )}
                         </button>
                       </div>
-                      <BrandBtn link="#" imgSrc={googleLogo} brand="Google" />
-                      <BrandBtn
-                        link="#"
-                        imgSrc={facebookLogo}
-                        brand="Facebook"
-                      />
-                      <BrandBtn link="#" imgSrc={appleLogo} brand="Apple" />
+                      <div className="sm:flex sm:justify-between sm:items-center sm:space-x-2">
+                        <BrandBtn link="#" imgSrc={googleLogo} brand="Google" />
+                        <BrandBtn link="#" imgSrc={appleLogo} brand="Apple" />
+                      </div>
+                      <div className="sm:flex sm:justify-between sm:items-center sm:space-x-2">
+                        <BrandBtn link="#" imgSrc={facebookLogo} brand="Facebook" />
+                        <BrandBtn link="#" imgSrc={linkedInLogo} brand="LinkedIn" />
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -346,7 +348,7 @@ const BrandBtn = ({ link, imgSrc, brand }) => {
   };
 
   return (
-    <div className="flex justify-center bottomMargin">
+    <div className="w-full sm:w-1/2 flex justify-center bottomMargin">
       <a
         // onClick={doGoogle}
         href="#dd"