Merge branch 'development' of...

Merge branch 'development' of gitlab.niveussolutions.com:sujatamurgod/sample_argon into feature/manjusha/sidebar1

jsconfig.json

-{
-  "compilerOptions": {
-    "baseUrl": "src"
-  },
-  "include": [
-    "src"
-  ]
-}
\ No newline at end of file

package-lock.json

@@ -13,6 +13,7 @@
         "@testing-library/user-event": "^13.5.0",
         "bootstrap": "^4.6.0",
         "classnames": "^2.3.1",
+        "install": "^0.13.0",
         "jquery": "^3.6.0",
         "node-sass": "^7.0.1",
         "react": "^17.0.2",
@@ -8697,6 +8698,14 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "node_modules/install": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
+      "integrity": "sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -23648,6 +23657,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "install": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
+      "integrity": "sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA=="
+    },
     "internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",

package.json

@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "bootstrap": "^4.6.0",
     "classnames": "^2.3.1",
+    "install": "^0.13.0",
     "jquery": "^3.6.0",
     "node-sass": "^7.0.1",
     "react": "^17.0.2",

src/components/Button/Button.module.scss

-.customButton {
-  background-color: red;
+.button {
+  /*background-color: purple;
+  color:white;
+  position: relative;
+  font-size: 12px;
+  font-weight: 700;
+  align-items: center;
+  letter-spacing: 0.7px;
+  text-align: center;
+  -moz-box-align: center;
+  text-decoration: none;
+  display: inline-block;
+  border-radius: 10px;
+  -webkit-transition: background-color 0.2s ease-in;
+  transition: background-color 0.2s ease-in;
+  cursor: pointer;
+  padding: 10px 30px;*/
+  font-size: .875rem;
+  position: relative;
+  transition: all .15s ease;
+  letter-spacing: .025em;
+  text-transform: none;
+  will-change: transform;
   }
+  
\ No newline at end of file

src/components/Button/index.jsx

 import React from "react";
 import PropTypes from "prop-types";
-import cs from "classnames";
-import styles from "./Button.module.scss";
+import style from "./Button.module.scss";
 
-function Button(props) {
-  return <div className={cs(styles.customButton)}>here</div>;
-}
 
-Button.propTypes = {};
+function Button(props) {
+  const {
+    label,
+    disabled,    
+    ButtonClick,
+  } = props;
+  return (
+    <div className={style.button}>
+    <button 
+      onClick={ButtonClick}
+      className= "button"
+      disabled={disabled}     
+    >
+      {label}
+    </button>
+    </div>
+  );
   
+}
+Button.propTypes = {
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),  
+  disabled: PropTypes.bool, 
+  ButtonClick: PropTypes.func,  
+};
+Button.defaultProps = {
+  label:"NEW"
+ }
   export default Button;
+

src/components/images/image.module.scss

+

src/components/images/index.jsx

+import React from "react";
+
+
+
+function Image(props) {
+  const { imageClass, src, alt, width,height} = props;
+
+  return (
+    <img
+      className={imageClass }
+      src={src}
+      alt={alt}
+      height={height}
+      width={width}
+    />
+  );
+}
+
+
+
+Image.defaultProps = {
+  src: require("../../images/noimage.jpg"),
+  alt: "Image",
+  height: "100px",
+  width: "100px",
+}
+
+
+export default Image;
\ No newline at end of file

src/components/index.js

-export { default as Button } from "./Button";

src/components/inputs/index.jsx

+import React from "react";
+import Style from "./inputs.module.scss";
+
+
+function Inputs(props) {
+  const {
+    value,
+    type,
+    placeholder,
+    CustomClass,
+    onChangeInput,
+    
+    
+  } = props;
+  return (
+    <div >
+      
+        <input
+          value={value}
+          type={type}
+          className={CustomClass}
+          placeholder={placeholder}
+          onChange={onChangeInput}
+        />
+      
+    </div>
+  );
+}
+
+
+
+export default Inputs;

src/containers/Home/index.jsx

 import React from 'react'
 import PropTypes from 'prop-types'
 import {ProfileCover} from "../../assets/img/index";
-import  "../../style/common/icons.scss";
+//import  "../../style/common/icons.scss";
 
 function index(props) {
     return (
         <div>
-            <img src={ProfileCover} alt="" height="200px" width="200px" />
+        
             <i className="ni ni-tv-2 text-primary"></i>
             <i className="ni ni-planet text-primary"></i>
         </div>