Merge branch 'features/ashok/social_buttons' into 'development'

Features/ashok/social buttons

See merge request nipa.das/sample_argon!6

package-lock.json

@@ -20,6 +20,8 @@
         "react-icons": "^4.3.1",
         "react-router-dom": "^6.2.1",
         "react-scripts": "5.0.0",
+        "react-social-login-buttons": "^3.6.0",
+        "sass": "^1.46.0",
         "web-vitals": "^2.1.2"
       }
     },
@@ -8620,6 +8622,11 @@
         "url": "https://opencollective.com/immer"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw=="
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -14098,6 +14105,14 @@
         }
       }
     },
+    "node_modules/react-social-login-buttons": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/react-social-login-buttons/-/react-social-login-buttons-3.6.0.tgz",
+      "integrity": "sha512-m5E72jHWgC4VBxRziZYQC5kQIzooGRF+dDE97K5JgSlcDPXkNxCjCzP+Qp9fNhNujG7APvPx2Qhzi1BO2xi17Q==",
+      "peerDependencies": {
+        "react": "^15.0.0 || ^16.0.0 || ^17.x"
+      }
+    },
     "node_modules/read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -14712,6 +14727,22 @@
       "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz",
       "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA=="
     },
+    "node_modules/sass": {
+      "version": "1.46.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.46.0.tgz",
+      "integrity": "sha512-Z4BYTgioAOlMmo4LU3Ky2txR8KR0GRPLXxO38kklaYxgo7qMTgy+mpNN4eKsrXDTFlwS5vdruvazG4cihxHRVQ==",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
     "node_modules/sass-graph": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz",
@@ -23598,6 +23629,11 @@
       "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.7.tgz",
       "integrity": "sha512-KGllzpbamZDvOIxnmJ0jI840g7Oikx58lBPWV0hUh7dtAyZpFqqrBZdKka5GlTwMTZ1Tjc/bKKW4VSFAt6BqMA=="
     },
+    "immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw=="
+    },
     "import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -27462,6 +27498,12 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+    "react-social-login-buttons": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/react-social-login-buttons/-/react-social-login-buttons-3.6.0.tgz",
+      "integrity": "sha512-m5E72jHWgC4VBxRziZYQC5kQIzooGRF+dDE97K5JgSlcDPXkNxCjCzP+Qp9fNhNujG7APvPx2Qhzi1BO2xi17Q==",
+      "requires": {}
+    },
     "read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -27908,6 +27950,16 @@
       "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz",
       "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA=="
     },
+    "sass": {
+      "version": "1.46.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.46.0.tgz",
+      "integrity": "sha512-Z4BYTgioAOlMmo4LU3Ky2txR8KR0GRPLXxO38kklaYxgo7qMTgy+mpNN4eKsrXDTFlwS5vdruvazG4cihxHRVQ==",
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      }
+    },
     "sass-graph": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz",

package.json

@@ -15,6 +15,8 @@
     "react-icons": "^4.3.1",
     "react-router-dom": "^6.2.1",
     "react-scripts": "5.0.0",
+    "react-social-login-buttons": "^3.6.0",
+    "sass": "^1.46.0",
     "web-vitals": "^2.1.2"
   },
   "scripts": {

public/index.html

@@ -27,6 +27,8 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+    
+<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
     <title>React App</title>
   </head>
   <body>

src/components/Social_buttons/Index.jsx

+import React from "react";
+import "./Social_buttons.css";
+function Social_button(props){
+    return (
+    <button onClick={props.handleClick}>
+<div>
+<img src="{props.img}"></img>
+{props.buttonName}
+</div>
+    </button>
+    
+    );
+}
+export default Social_button;
\ No newline at end of file

src/components/Social_buttons/Social_buttons.module.scss

+img{
+    height: 20px;
+    width: 20px;
+    margin-right: 8px;
+    
+  }
+  button{
+    border: 0px;
+    background-color: white;
+    font-size: 19px;
+    margin: 100px 100px 100px 100px;
+    box-shadow:  2px 2px 1px #aaaa;
+  border-radius: 5px ;
+  }
+  button:hover{
+    color: cadetblue;
+    
+  }
+  
\ No newline at end of file