feat(scripts): add the script to copy dependencies in template json

This commit also fixes the prop types error

Author: harish-aka-shivi

dependenciesCopy.js

@@ -0,0 +1,33 @@
+const fs = require('fs');
+const packageDependencies = require('./package.json');
+
+const filteredDeps = {};
+
+const keys = Object.keys(packageDependencies.dependencies);
+
+const filteredKeys = keys.filter(dep => {
+  return (
+    dep !== 'react' &&
+    dep !== 'react-dom' &&
+    dep !== 'react-scripts' &&
+    dep !== '@testing-library/jest-dom' &&
+    dep !== '@testing-library/react' &&
+    dep !== '@testing-library/user-event'
+  );
+});
+
+filteredKeys.forEach(dep => {
+  filteredDeps[dep] = packageDependencies.dependencies[dep];
+});
+
+const dependencies = {
+  dependencies: filteredDeps,
+};
+
+fs.writeFile('template.json', JSON.stringify(dependencies, null, 2), function(
+  err,
+) {
+  if (err) {
+    console.log('error in writing file to template.json', err);
+  }
+});

package-lock.json

@@ -27,12 +27,11 @@
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "firebase": "^7.1.0",
-    "formik": "^2.1.1",
+    "formik": "^2.1.3",
     "history": "^4.10.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-google-button": "^0.7.0",
     "react-redux": "^7.1.3",
     "react-redux-firebase": "3.0.6",
     "react-router-dom": "^5.1.2",
@@ -46,7 +45,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "copy": "cp -a src/. template/src && cp -a public/. template/public && cp -a .gitignore template/gitignore && rm -rf template/src/configDummy.js && rm -rf template/src/config.js && cp .eslintrc template/  && cp src/configDummy.js template/src/config.js",
+    "copy": "node dependenciesCopy.js && cp -a src/. template/src && cp -a public/. template/public && cp -a .gitignore template/gitignore && rm -rf template/src/configDummy.js && rm -rf template/src/config.js && cp .eslintrc template/  && cp src/configDummy.js template/src/config.js",
     "clean": "rm -rf template/src && rm -rf template/public template/gitignore template/.eslintrc",
     "prepublishOnly": "npm run clean && npm run copy"
   },

package.json

@@ -21,13 +21,22 @@ Button.defaultProps = {
   style: {},
   type: 'button',
   disabled: false,
+  children: '',
 };
 
 Button.propTypes = {
-  style: PropTypes.objectOf({}),
+  style: PropTypes.oneOfType([
+    PropTypes.objectOf(PropTypes.object),
+    PropTypes.objectOf(PropTypes.string),
+    PropTypes.objectOf(PropTypes.number),
+  ]),
   type: PropTypes.string,
   disabled: PropTypes.bool,
-  children: PropTypes.element.isRequired,
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node,
+    PropTypes.string,
+  ]),
 };
 
 export default Button;

src/components/Button/index.js

@@ -63,7 +63,10 @@ Toolbar.defaultProps = {
 
 Toolbar.propTypes = {
   title: PropTypes.string.isRequired,
-  children: PropTypes.arrayOf(PropTypes.elementType),
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node,
+  ]),
 };
 
 Toolbar.Left = Left;

src/components/Toolbar/index.js

@@ -25,7 +25,6 @@ function LoginForm({ onSubmit }) {
               validate={validateEmail}
               className="input-field"
               margin="normal"
-              fullWidth
             />
           </label>
           <label className="label-class" htmlFor="password">
@@ -35,7 +34,6 @@ function LoginForm({ onSubmit }) {
               name="password"
               className="input-field"
               margin="normal"
-              fullWidth
             />
           </label>
           <div>

src/routes/Login/components/LoginForm/LoginForm.js

@@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
 import useReminders from '../../hooks/useReminders';
 import './reminder.css';
 
-function Reminder({ key, text, reminderId, date }) {
+function Reminder({ text, reminderId, date }) {
   const { deleteReminder } = useReminders();
 
   return (
-    <li key={key} className="li-reminder">
+    <li className="li-reminder">
       <div className="reminder-root">
         <div className="reminder-text">{text}</div>
         <div className="reminder-date">
@@ -28,7 +28,6 @@ function Reminder({ key, text, reminderId, date }) {
 }
 
 Reminder.propTypes = {
-  key: PropTypes.string.isRequired,
   text: PropTypes.string.isRequired,
   reminderId: PropTypes.string.isRequired,
   date: PropTypes.string.isRequired,

src/routes/Reminders/components/Reminder/index.js

@@ -1,5 +1,3 @@
-// import React from 'react';
-// import { Route } from 'react-router-dom';
 import { connectedRouterRedirect } from 'redux-auth-wrapper/history4/redirect';
 import locationHelperBuilder from 'redux-auth-wrapper/history4/locationHelper';
 import { createBrowserHistory } from 'history';
@@ -30,10 +28,6 @@ export const UserIsAuthenticated = connectedRouterRedirect({
   redirectAction: newLoc => () => {
     // Use push, replace, and go to navigate around.
     history.push(newLoc);
-    // dispatch({
-    //   type: UNAUTHED_REDIRECT,
-    //   payload: { message: 'User is not authenticated.' },
-    // });
   },
 });
 
@@ -58,10 +52,6 @@ export const UserIsNotAuthenticated = connectedRouterRedirect({
   redirectAction: newLoc => () => {
     // Use push, replace, and go to navigate around.
     history.push(newLoc);
-    // dispatch({
-    //   type: AUTHED_REDIRECT,
-    //   payload: { message: 'User is not authenticated.' },
-    // });
   },
 });
 

src/utils/router.js

@@ -1,13 +1,14 @@
 {
   "dependencies": {
+    "firebase": "^7.1.0",
+    "formik": "^2.1.3",
+    "history": "^4.10.1",
+    "prop-types": "^15.7.2",
     "react-redux": "^7.1.3",
-    "redux": "^4.0.0",
     "react-redux-firebase": "3.0.6",
-    "firebase": "^7.1.0",
-    "redux-firestore": "latest",
     "react-router-dom": "^5.1.2",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/user-event": "^7.1.2"
+    "redux": "^4.0.0",
+    "redux-auth-wrapper": "^3.0.0",
+    "redux-firestore": "latest"
   }
 }