From 63e826cd0d057d1efdad0c94cd84963f66cf358e Mon Sep 17 00:00:00 2001 From: Shubham Jadhav <56510414+ShubhamSj07@users.noreply.github.com> Date: Sat, 15 May 2021 15:21:10 +0530 Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Navbar=20Theme=20Toggle=20?= =?UTF-8?q?Issue=20Fixed=20(#646)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/package-lock.json | 118 ++++++++++++++++++ frontend/src/components/Navbar/Navbar.jsx | 2 + .../src/components/util/Toggle/Toggle.jsx | 1 + 3 files changed, 121 insertions(+) diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 2ff9d840..a8093325 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -2328,6 +2328,11 @@ "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz", "integrity": "sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA==" }, + "@types/invariant": { + "version": "2.2.34", + "resolved": "https://registry.npmjs.org/@types/invariant/-/invariant-2.2.34.tgz", + "integrity": "sha512-lYUtmJ9BqUN688fGY1U1HZoWT1/Jrmgigx2loq4ZcJpICECm/Om3V314BxdzypO0u5PORKGMM6x0OXaljV1YFg==" + }, "@types/istanbul-lib-coverage": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz", @@ -2387,6 +2392,11 @@ } } }, + "@types/lodash": { + "version": "4.14.168", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz", + "integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q==" + }, "@types/minimatch": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", @@ -2455,6 +2465,14 @@ "@types/react": "*" } }, + "@types/redux": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@types/redux/-/redux-3.6.0.tgz", + "integrity": "sha1-8evh5UEVGAcuT9/KXHbhbnTBOZo=", + "requires": { + "redux": "*" + } + }, "@types/resolve": { "version": "0.0.8", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", @@ -3222,6 +3240,11 @@ "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" }, + "autobind-decorator": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/autobind-decorator/-/autobind-decorator-2.4.0.tgz", + "integrity": "sha512-OGYhWUO72V6DafbF8PM8rm3EPbfuyMZcJhtm5/n26IDwO18pohE4eNazLoCGhPiXOCD0gEGmrbU3849QvM8bbw==" + }, "autoprefixer": { "version": "9.8.6", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz", @@ -5641,6 +5664,17 @@ } } }, + "dnd-core": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-4.0.5.tgz", + "integrity": "sha1-O4PRONDV4mXHPsl43sXh7UQdxmU=", + "requires": { + "asap": "^2.0.6", + "invariant": "^2.2.4", + "lodash": "^4.17.10", + "redux": "^4.0.0" + } + }, "dns-equal": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz", @@ -8527,6 +8561,14 @@ "side-channel": "^1.0.4" } }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "ip": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", @@ -14207,6 +14249,72 @@ } } }, + "react-dnd": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-5.0.0.tgz", + "integrity": "sha1-xKF8cBCeRW2tiQa+g45u6PMrBrU=", + "requires": { + "dnd-core": "^4.0.5", + "hoist-non-react-statics": "^2.5.0", + "invariant": "^2.1.0", + "lodash": "^4.17.10", + "recompose": "^0.27.1", + "shallowequal": "^1.0.2" + }, + "dependencies": { + "hoist-non-react-statics": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz", + "integrity": "sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==" + }, + "recompose": { + "version": "0.27.1", + "resolved": "https://registry.npmjs.org/recompose/-/recompose-0.27.1.tgz", + "integrity": "sha512-p7xsyi/rfNjHfdP7vPU02uSFa+Q1eHhjKrvO+3+kRP4Ortj+MxEmpmd+UQtBGM2D2iNAjzNI5rCyBKp9Ob5McA==", + "requires": { + "babel-runtime": "^6.26.0", + "change-emitter": "^0.1.2", + "fbjs": "^0.8.1", + "hoist-non-react-statics": "^2.3.1", + "react-lifecycles-compat": "^3.0.2", + "symbol-observable": "^1.0.4" + } + } + } + }, + "react-dnd-html5-backend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-3.0.2.tgz", + "integrity": "sha1-hxcv1L6Q5FNTEZtA4Q9ZHd+GYe0=", + "requires": { + "autobind-decorator": "^2.1.0", + "dnd-core": "^3.0.2", + "lodash": "^4.2.0", + "shallowequal": "^1.0.2" + }, + "dependencies": { + "@types/node": { + "version": "8.10.66", + "resolved": "https://registry.npmjs.org/@types/node/-/node-8.10.66.tgz", + "integrity": "sha512-tktOkFUA4kXx2hhhrB8bIFb5TbwzS4uOhKEmwiD+NoiL0qtP2OQ9mFldbgD4dV1djrlBYP6eBuQZiWjuHUpqFw==" + }, + "dnd-core": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-3.0.2.tgz", + "integrity": "sha1-6UdXdiBTHH7jelGM1d3hfQ798PM=", + "requires": { + "@types/invariant": "^2.2.29", + "@types/lodash": "^4.14.107", + "@types/node": "^8.10.11", + "@types/redux": "^3.6.0", + "asap": "^2.0.6", + "invariant": "^2.0.0", + "lodash": "^4.2.0", + "redux": "^4.0.0" + } + } + } + }, "react-dom": { "version": "17.0.1", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz", @@ -14504,6 +14612,16 @@ "resolved": "https://registry.npmjs.org/react-simple-card/-/react-simple-card-2.0.2.tgz", "integrity": "sha512-kC1unEj1DCRmz2SRl2gPefV2zdYP0Z4b+IqxcclxXMFNeboU4Pd07zbx/234+B5mRlGuYkDGslKoK4zRidRTvQ==" }, + "react-tag-input": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/react-tag-input/-/react-tag-input-6.5.2.tgz", + "integrity": "sha512-toKZMwuxcYIVUyqahvg8gxKM/pHdN4VDbwFKnG4sZPzPFHV72Tag5Y8cTjEu5BDyF6Pk+lbhUyniM+NtSWRITA==", + "requires": { + "classnames": "~2.2.6", + "lodash": "~4.17.12", + "prop-types": "~15.7.0" + } + }, "react-text-mask": { "version": "5.4.3", "resolved": "https://registry.npmjs.org/react-text-mask/-/react-text-mask-5.4.3.tgz", diff --git a/frontend/src/components/Navbar/Navbar.jsx b/frontend/src/components/Navbar/Navbar.jsx index 643351d5..d1c91c7e 100644 --- a/frontend/src/components/Navbar/Navbar.jsx +++ b/frontend/src/components/Navbar/Navbar.jsx @@ -129,6 +129,7 @@ export const Navbar = (props) => { class={style["mobile-toggle"]} handleClick={props.handleClick} theme={props.theme} + closeMobileMenu={closeMobileMenu} /> @@ -148,6 +149,7 @@ export const Navbar = (props) => { class={style["nav-toggle"]} handleClick={props.handleClick} theme={props.theme} + closeMobileMenu={closeMobileMenu} /> diff --git a/frontend/src/components/util/Toggle/Toggle.jsx b/frontend/src/components/util/Toggle/Toggle.jsx index dd6558f6..e274ae2d 100644 --- a/frontend/src/components/util/Toggle/Toggle.jsx +++ b/frontend/src/components/util/Toggle/Toggle.jsx @@ -12,6 +12,7 @@ export const Toggle = (props) => { className={style["checkbox"]} checked={props.theme} onChange={() => props.handleClick()} + onClick={props.closeMobileMenu} />