Update readme, changelog info, update build

flatlogic · Sep 30, 2021 · 514c400 · 514c400
1 parent 0ed47db
commit 514c400
Show file tree

Hide file tree

Showing 16 changed files with 50 additions and 150 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # 👇 Sofia React Template
 
-Free and open-source admin dashboard template built with React v17.0.1 and Bootstrap v4.6. Developed with ❤️ by [Flatlogic](https://flatlogic.com/). If you love our project please star ⭐️ our repo!
+Free and open-source admin dashboard template built with React v17.0.2 and Bootstrap v4.6. Developed with ❤️ by [Flatlogic](https://flatlogic.com/). If you love our project please star ⭐️ our repo!
 
 [View Demo](https://flatlogic.github.io/sofia-react-template/) | [Download](https://github.com/flatlogic/sofia-react-template.git) | [More templates](https://flatlogic.com/templates)
 
@@ -16,6 +16,7 @@ Lite version of a Sofia React includes following features and pages:
 * React v17
 * Bootstrap v4.6 & SCSS
 * React Router v5
+* React functional components and react hooks
 * React Hooks
 * Mobile friendly responsive layout
 * Recharts and Apexcharts chart libraries

diff --git a/changelog.md b/changelog.md
@@ -1,3 +1,7 @@
+## [1.1.0]
+
+##### Update react class components to functional components
+
 ## [1.0.0]
 
-Initial version of the project
+##### Initial version of the project
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,17 +1,17 @@
 {
   "files": {
-    "main.css": "./static/css/main.15bb85c7.chunk.css",
-    "main.js": "./static/js/main.639e239f.chunk.js",
-    "main.js.map": "./static/js/main.639e239f.chunk.js.map",
+    "main.css": "./static/css/main.9d18185e.chunk.css",
+    "main.js": "./static/js/main.b58f5646.chunk.js",
+    "main.js.map": "./static/js/main.b58f5646.chunk.js.map",
     "runtime-main.js": "./static/js/runtime-main.51c160d8.js",
     "runtime-main.js.map": "./static/js/runtime-main.51c160d8.js.map",
     "static/css/2.46d75855.chunk.css": "./static/css/2.46d75855.chunk.css",
-    "static/js/2.87ee14aa.chunk.js": "./static/js/2.87ee14aa.chunk.js",
-    "static/js/2.87ee14aa.chunk.js.map": "./static/js/2.87ee14aa.chunk.js.map",
+    "static/js/2.124d3747.chunk.js": "./static/js/2.124d3747.chunk.js",
+    "static/js/2.124d3747.chunk.js.map": "./static/js/2.124d3747.chunk.js.map",
     "index.html": "./index.html",
     "static/css/2.46d75855.chunk.css.map": "./static/css/2.46d75855.chunk.css.map",
-    "static/css/main.15bb85c7.chunk.css.map": "./static/css/main.15bb85c7.chunk.css.map",
-    "static/js/2.87ee14aa.chunk.js.LICENSE.txt": "./static/js/2.87ee14aa.chunk.js.LICENSE.txt",
+    "static/css/main.9d18185e.chunk.css.map": "./static/css/main.9d18185e.chunk.css.map",
+    "static/js/2.124d3747.chunk.js.LICENSE.txt": "./static/js/2.124d3747.chunk.js.LICENSE.txt",
     "static/media/app.scss": "./static/media/la-solid-900.a8130346.svg",
     "static/media/bagIcon.585bd5b6.svg": "./static/media/bagIcon.585bd5b6.svg",
     "static/media/basketIcon.5db6921e.svg": "./static/media/basketIcon.5db6921e.svg",
@@ -53,8 +53,8 @@
   "entrypoints": [
     "static/js/runtime-main.51c160d8.js",
     "static/css/2.46d75855.chunk.css",
-    "static/js/2.87ee14aa.chunk.js",
-    "static/css/main.15bb85c7.chunk.css",
-    "static/js/main.639e239f.chunk.js"
+    "static/js/2.124d3747.chunk.js",
+    "static/css/main.9d18185e.chunk.css",
+    "static/js/main.b58f5646.chunk.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="favicon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="manifest.json"/><title>Sofia React Template - Admin Template built with React</title><meta name="description" content="Sofia React Dashboard Template built with Bootstrap, Redux and React Router by Flatlogic."><meta name="keywords" content="react admin, react dashboard, react admin template, react theme, react dashboard template, react dashboard template"><meta name="author" content="by Flatlogic"><link href="staticss/2.46d75855.chunk.css" rel="stylesheet"><link href="staticss/main.15bb85c7.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,a,l=t[0],f=t[1],i=t[2],c=0,s=[]; c<l.length; c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t); s.length;)s.shift()();return u.push.apply(u,i||[]),r()}function r(){for(var e,t=0; t<u.length; t++){for(var r=u[t],n=!0,l=1; l<r.length; l++){var f=r[l];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={1:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e, t, r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e, t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e, t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="./";var l=this["webpackJsonpsofia-react-template"]=this["webpackJsonpsofia-react-template"]||[],f=l.push.bind(l);l.push=t,l=l.slice();for(var i=0; i<l.length; i++)t(l[i]);var p=f;r()}([])</script><script src="statics/2.87ee14aa.chunk.js"></script><script src="statics/main.639e239f.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="favicon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="manifest.json"/><title>Sofia React Template - Admin Template built with React</title><meta name="description" content="Sofia React Dashboard Template built with Bootstrap, Redux and React Router by Flatlogic."><meta name="keywords" content="react admin, react dashboard, react admin template, react theme, react dashboard template, react dashboard template"><meta name="author" content="by Flatlogic"><link href="staticss/2.46d75855.chunk.css" rel="stylesheet"><link href="staticss/main.9d18185e.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,a,l=t[0],f=t[1],i=t[2],c=0,s=[]; c<l.length; c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t); s.length;)s.shift()();return u.push.apply(u,i||[]),r()}function r(){for(var e,t=0; t<u.length; t++){for(var r=u[t],n=!0,l=1; l<r.length; l++){var f=r[l];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={1:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e, t, r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e, t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e, t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="./";var l=this["webpackJsonpsofia-react-template"]=this["webpackJsonpsofia-react-template"]||[],f=l.push.bind(l);l.push=t,l=l.slice();for(var i=0; i<l.length; i++)t(l[i]);var p=f;r()}([])</script><script src="statics/2.124d3747.chunk.js"></script><script src="statics/main.b58f5646.chunk.js"></script></body></html>
diff --git a/docs/static/css/main.15bb85c7.chunk.css.map b/docs/static/css/main.15bb85c7.chunk.css.map
diff --git a/docs/static/css/main.15bb85c7.chunk.css → docs/static/css/main.9d18185e.chunk.css b/docs/static/css/main.15bb85c7.chunk.css → docs/static/css/main.9d18185e.chunk.css
diff --git a/docs/static/css/main.9d18185e.chunk.css.map b/docs/static/css/main.9d18185e.chunk.css.map
diff --git a/docs/static/js/2.87ee14aa.chunk.js → docs/static/js/2.124d3747.chunk.js b/docs/static/js/2.87ee14aa.chunk.js → docs/static/js/2.124d3747.chunk.js
diff --git a/...static/js/2.87ee14aa.chunk.js.LICENSE.txt → ...static/js/2.124d3747.chunk.js.LICENSE.txt b/...static/js/2.87ee14aa.chunk.js.LICENSE.txt → ...static/js/2.124d3747.chunk.js.LICENSE.txt
@@ -178,7 +178,7 @@ object-assign
  * @license MIT
  */
 
-/** @license React v0.20.1
+/** @license React v0.20.2
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -205,7 +205,7 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.1
+/** @license React v17.0.2
  * react-dom.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -214,7 +214,7 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.1
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -223,7 +223,7 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.1
+/** @license React v17.0.2
  * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

diff --git a/docs/static/js/2.87ee14aa.chunk.js.map → docs/static/js/2.124d3747.chunk.js.map b/docs/static/js/2.87ee14aa.chunk.js.map → docs/static/js/2.124d3747.chunk.js.map
diff --git a/docs/static/js/main.639e239f.chunk.js → docs/static/js/main.b58f5646.chunk.js b/docs/static/js/main.639e239f.chunk.js → docs/static/js/main.b58f5646.chunk.js
diff --git a/docs/static/js/main.639e239f.chunk.js.map → docs/static/js/main.b58f5646.chunk.js.map b/docs/static/js/main.639e239f.chunk.js.map → docs/static/js/main.b58f5646.chunk.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sofia-react-template",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "homepage": "./",
   "private": true,
   "dependencies": {
@@ -20,11 +20,11 @@
     "mui-datatables": "^3.7.7",
     "node-sass": "^5.0.0",
     "prop-types": "^15.7.2",
-    "react": "^17.0.1",
+    "react": "^17.0.2",
     "react-apexcharts": "^1.3.9",
     "react-bootstrap-table-next": "^4.0.3",
     "react-bootstrap-table2-paginator": "^2.1.2",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.2",
     "react-redux": "^7.2.2",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",

diff --git a/src/pages/register/Register.js b/src/pages/register/Register.js
@@ -24,111 +24,6 @@ import LinkedinIcon from "../../components/Icons/AuthIcons/LinkedinIcon.js";
 import { registerUser } from "../../actions/register.js";
 import hasToken from "../../services/authService";
 
-// class Register extends React.Component {
-//   static propTypes = {
-//     dispatch: PropTypes.func.isRequired,
-//   };
-//
-//   constructor(props) {
-//     super(props);
-//
-//     this.state = {
-//       email: '',
-//       password: '',
-//     };
-//
-//     this.changeEmail = this.changeEmail.bind(this);
-//     this.changePassword = this.changePassword.bind(this);
-//     this.doRegister = this.doRegister.bind(this);
-//   }
-//
-//   changeEmail(event) {
-//     this.setState( { email: event.target.value });
-//   }
-//
-//   changePassword(event) {
-//     this.setState({ password: event.target.value });
-//   }
-//
-//   doRegister(e) {
-//     e.preventDefault();
-//     this.props.dispatch(registerUser({
-//       creds: {
-//         email: this.state.email,
-//         password: this.state.password,
-//       },
-//       history: this.props.history
-//     }));
-//   }
-//
-//   render() {
-//     const { from } = this.props.location.state || { from: { pathname: '/template' } };
-//
-//     if (hasToken(JSON.parse(localStorage.getItem('authenticated')))) {
-//       return (
-//         <Redirect to={from} />
-//       );
-//     }
-//
-//     return (
-//       <div className="auth-page">
-//         <Container className="col-12">
-//           <Row className="d-flex align-items-center">
-//             <Col xs={12} lg={6} className="left-column">
-//               <Widget className="widget-auth widget-p-lg">
-//                 <div className="d-flex align-items-center justify-content-between py-3">
-//                   <p className="auth-header mb-0">Sign Up</p>
-//                   <div className="logo-block">
-//                     <SofiaLogo />
-//                     <p className="mb-0">SOFIA</p>
-//                   </div>
-//                 </div>
-//                 <div className="auth-info my-2">
-//                   <p>This is a real app with Node.js backend - use <b>"admin@flatlogic.com / password"</b> to login!</p>
-//                 </div>
-//                 <form onSubmit={this.doRegister}>
-//                   <FormGroup className="my-3">
-//                     <FormText>Email</FormText>
-//                     <Input id="email" className="input-transparent pl-3" value={this.state.email} onChange={this.changeEmail} type="email" required name="email" placeholder="Henry Monk" />
-//                   </FormGroup>
-//                   <FormGroup  className="my-3">
-//                     <div className="d-flex justify-content-between">
-//                       <FormText>Password</FormText>
-//                       <Link to="/error">Forgot password?</Link>
-//                     </div>
-//                     <Input id="password" className="input-transparent pl-3" value={this.state.password} onChange={this.changePassword} type="password" required name="password" placeholder="Place your password here"/>
-//                   </FormGroup>
-//                   <div className="bg-widget d-flex justify-content-center">
-//                     <Button className="rounded-pill my-3" type="submit" color="secondary-red">Sign Up</Button>
-//                   </div>
-//                   <p className="dividing-line my-3">&#8195;Or&#8195;</p>
-//                   <div className="d-flex align-items-center my-3">
-//                     <p className="social-label mb-0">Login with</p>
-//                     <div className="socials">
-//                       <a href="https://flatlogic.com/"><GoogleIcon /></a>
-//                       <a href="https://flatlogic.com/"><TwitterIcon /></a>
-//                       <a href="https://flatlogic.com/"><FacebookIcon /></a>
-//                       <a href="https://flatlogic.com/"><GithubIcon /></a>
-//                       <a href="https://flatlogic.com/"><LinkedinIcon /></a>
-//                     </div>
-//                   </div>
-//                   <Link to="/login">Enter the account</Link>
-//                 </form>
-//               </Widget>
-//             </Col>
-//             <Col xs={0} lg={6} className="right-column">
-//               <div>
-//                 <img src={loginImage} alt="Error page" />
-//               </div>
-//             </Col>
-//           </Row>
-//         </Container>
-//         <Footer />
-//       </div>
-//     )
-//   }
-// }
-
 const Register = (props) => {
   const [state, setState] = useState({ email: '', password: ''} )
 

diff --git a/src/styles/_overrides.scss b/src/styles/_overrides.scss
@@ -169,7 +169,7 @@
   .logout-btn {
     display: flex;
     justify-content: center;
-    align-items: end;
+    align-items: center;
     margin-top: 48px;
     padding: 8px 16px;
   }

diff --git a/yarn.lock b/yarn.lock
@@ -7270,7 +7270,7 @@ js-base64@^2.1.8:
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 js-yaml@^3.13.1:
@@ -8433,7 +8433,7 @@ oauth-sign@~0.9.0:
 
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
 object-copy@^0.1.0:
@@ -10008,14 +10008,14 @@ react-dom@^16.3.0:
     prop-types "^15.6.2"
     scheduler "^0.19.1"
 
-react-dom@^17.0.1:
-  version "17.0.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.1.tgz"
-  integrity sha512-6eV150oJZ9U2t9svnsspTMrWNyHc6chX0KzDeAOXftRa8bNeOKTTfCJ7KorIwenkHd2xqVTBTCZd79yk/lx/Ug==
+react-dom@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
+  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
-    scheduler "^0.20.1"
+    scheduler "^0.20.2"
 
 react-error-overlay@^6.0.9:
   version "6.0.9"
@@ -10264,10 +10264,10 @@ react@^16.3.0:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
-react@^17.0.1:
-  version "17.0.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.1.tgz"
-  integrity sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
@@ -10905,10 +10905,10 @@ scheduler@^0.19.1:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-scheduler@^0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.1.tgz"
-  integrity sha512-LKTe+2xNJBNxu/QhHvDR14wUXHRQbVY5ZOYpOGWRzhydZUqrLb2JBvLPY7cAqFmqrWuDED0Mjk7013SZiOz6Bw==
+scheduler@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
+  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"