From fd98bccdb085356aca344aea5b10bad101891bab Mon Sep 17 00:00:00 2001 From: Rohan Lekhwani Date: Wed, 24 Mar 2021 00:06:33 +0530 Subject: [PATCH] [FIX] Carousel failure during build --- client/package-lock.json | 583 +++++++++++++++++++++------ client/package.json | 5 +- client/public/next-button-slider.png | Bin 0 -> 4296 bytes client/public/prev-button-slider.png | Bin 0 -> 4348 bytes client/src/components/Home/index.css | 16 +- client/src/components/Home/index.js | 56 +-- 6 files changed, 493 insertions(+), 167 deletions(-) create mode 100644 client/public/next-button-slider.png create mode 100644 client/public/prev-button-slider.png diff --git a/client/package-lock.json b/client/package-lock.json index c81a5e5..dab734c 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -114,6 +114,9 @@ "@babel/helper-optimise-call-expression": "^7.10.4", "@babel/helper-replace-supers": "^7.12.1", "@babel/helper-split-export-declaration": "^7.10.4" + }, + "dependencies": { + "@babel/core": {} } }, "@babel/helper-create-regexp-features-plugin": { @@ -368,6 +371,9 @@ "requires": { "@babel/helper-create-class-features-plugin": "^7.12.1", "@babel/helper-plugin-utils": "^7.10.4" + }, + "dependencies": { + "@babel/core": {} } }, "@babel/plugin-proposal-decorators": { @@ -423,6 +429,9 @@ "requires": { "@babel/helper-plugin-utils": "^7.10.4", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0" + }, + "dependencies": { + "@babel/core": {} } }, "@babel/plugin-proposal-numeric-separator": { @@ -855,6 +864,9 @@ "integrity": "sha512-cAzB+UzBIrekfYxyLlFqf/OagTvHLcVBb5vpouzkYkBclRPraiygVnafvAoipErZLI8ANv8Ecn6E/m5qPXD26w==", "requires": { "@babel/helper-plugin-utils": "^7.10.4" + }, + "dependencies": { + "@babel/core": {} } }, "@babel/plugin-transform-react-jsx": { @@ -877,22 +889,6 @@ "@babel/plugin-transform-react-jsx": "^7.12.12" } }, - "@babel/plugin-transform-react-jsx-self": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.1.tgz", - "integrity": "sha512-FbpL0ieNWiiBB5tCldX17EtXgmzeEZjFrix72rQYeq9X6nUK38HCaxexzVQrZWXanxKJPKVVIU37gFjEQYkPkA==", - "requires": { - "@babel/helper-plugin-utils": "^7.10.4" - } - }, - "@babel/plugin-transform-react-jsx-source": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.12.1.tgz", - "integrity": "sha512-keQ5kBfjJNRc6zZN1/nVHCd6LLIHq4aUKcVnvE/2l+ZZROSbqoiGFRtT5t3Is89XJxBQaP7NLZX2jgGHdZvvFQ==", - "requires": { - "@babel/helper-plugin-utils": "^7.10.4" - } - }, "@babel/plugin-transform-react-pure-annotations": { "version": "7.12.1", "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.12.1.tgz", @@ -918,24 +914,6 @@ "@babel/helper-plugin-utils": "^7.10.4" } }, - "@babel/plugin-transform-runtime": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz", - "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==", - "requires": { - "@babel/helper-module-imports": "^7.12.1", - "@babel/helper-plugin-utils": "^7.10.4", - "resolve": "^1.8.1", - "semver": "^5.5.1" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" - } - } - }, "@babel/plugin-transform-shorthand-properties": { "version": "7.12.1", "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.1.tgz", @@ -1175,11 +1153,6 @@ "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz", "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==" }, - "@brainhubeu/react-carousel": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@brainhubeu/react-carousel/-/react-carousel-2.0.2.tgz", - "integrity": "sha512-oasPq2bljd8PYnyFwbhKLRSTYJjKp81oycy3M7TTgvQQBh/zZ7LVL/89KbjflRXGnSzLndFK+BPfCTFoAHRmTQ==" - }, "@cnakazawa/watch": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@cnakazawa/watch/-/watch-1.0.4.tgz", @@ -2866,6 +2839,7 @@ "slash": "^3.0.0" }, "dependencies": { + "@babel/core": {}, "chalk": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", @@ -2877,38 +2851,6 @@ } } }, - "babel-loader": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.1.0.tgz", - "integrity": "sha512-7q7nC1tYOrqvUrN3LQK4GwSk/TQorZSOlO9C+RZDZpODgyN4ZlCqE5q9cDsyWOliN+aU9B4JX01xK9eJXowJLw==", - "requires": { - "find-cache-dir": "^2.1.0", - "loader-utils": "^1.4.0", - "mkdirp": "^0.5.3", - "pify": "^4.0.1", - "schema-utils": "^2.6.5" - }, - "dependencies": { - "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", - "requires": { - "minimist": "^1.2.0" - } - }, - "loader-utils": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz", - "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==", - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^1.0.1" - } - } - } - }, "babel-plugin-dynamic-import-node": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz", @@ -3038,6 +2980,49 @@ "babel-plugin-transform-react-remove-prop-types": "0.4.24" }, "dependencies": { + "@babel/core": { + "version": "7.12.3", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.3.tgz", + "integrity": "sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==", + "requires": { + "@babel/code-frame": "^7.10.4", + "@babel/generator": "^7.12.1", + "@babel/helper-module-transforms": "^7.12.1", + "@babel/helpers": "^7.12.1", + "@babel/parser": "^7.12.3", + "@babel/template": "^7.10.4", + "@babel/traverse": "^7.12.1", + "@babel/types": "^7.12.1", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.1", + "json5": "^2.1.2", + "lodash": "^4.17.19", + "resolve": "^1.3.2", + "semver": "^5.4.1", + "source-map": "^0.5.0" + } + }, + "@babel/helper-annotate-as-pure": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz", + "integrity": "sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw==", + "requires": { + "@babel/types": "^7.12.13" + }, + "dependencies": { + "@babel/types": { + "version": "7.13.12", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz", + "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==", + "requires": { + "@babel/helper-validator-identifier": "^7.12.11", + "lodash": "^4.17.19", + "to-fast-properties": "^2.0.0" + } + } + } + }, "@babel/plugin-proposal-numeric-separator": { "version": "7.12.1", "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.1.tgz", @@ -3057,6 +3042,57 @@ "@babel/plugin-syntax-optional-chaining": "^7.8.0" } }, + "@babel/plugin-syntax-jsx": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.13.tgz", + "integrity": "sha512-d4HM23Q1K7oq/SLNmG6mRt85l2csmQ0cHRaxRXjKW0YFdEXqlZ5kzFQKH5Uc3rDJECgu+yCRgPkG04Mm98R/1g==", + "requires": { + "@babel/helper-plugin-utils": "^7.12.13" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + }, + "@babel/plugin-transform-react-jsx": { + "dependencies": { + "@babel/core": {} + } + }, + "@babel/plugin-transform-react-jsx-development": { + "dependencies": { + "@babel/core": {} + } + }, + "@babel/plugin-transform-react-jsx-self": { + "dependencies": { + "@babel/core": {} + } + }, + "@babel/plugin-transform-react-jsx-source": { + "dependencies": { + "@babel/core": {} + } + }, + "@babel/plugin-transform-react-pure-annotations": { + "dependencies": { + "@babel/core": {} + } + }, + "@babel/plugin-transform-runtime": { + "version": "7.12.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz", + "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==", + "requires": { + "@babel/helper-module-imports": "^7.12.1", + "@babel/helper-plugin-utils": "^7.10.4", + "resolve": "^1.8.1", + "semver": "^5.5.1" + } + }, "@babel/preset-env": { "version": "7.12.1", "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.1.tgz", @@ -3128,6 +3164,41 @@ "@babel/types": "^7.12.1", "core-js-compat": "^3.6.2", "semver": "^5.5.0" + }, + "dependencies": { + "@babel/plugin-proposal-numeric-separator": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.13.tgz", + "integrity": "sha512-O1jFia9R8BUCl3ZGB7eitaAPu62TXJRHn7rh+ojNERCFyqRwJMTmhz+tJ+k0CwI6CLjX/ee4qW74FSqlq9I35w==", + "requires": { + "@babel/helper-plugin-utils": "^7.12.13", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + }, + "@babel/plugin-proposal-optional-chaining": { + "version": "7.13.12", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.12.tgz", + "integrity": "sha512-fcEdKOkIB7Tf4IxrgEVeFC4zeJSTr78no9wTdBuZZbqF64kzllU0ybo2zrzm7gUQfxGhBgq4E39oRs8Zx/RMYQ==", + "requires": { + "@babel/helper-plugin-utils": "^7.13.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + } } }, "@babel/preset-react": { @@ -3142,6 +3213,92 @@ "@babel/plugin-transform-react-jsx-self": "^7.12.1", "@babel/plugin-transform-react-jsx-source": "^7.12.1", "@babel/plugin-transform-react-pure-annotations": "^7.12.1" + }, + "dependencies": { + "@babel/helper-module-imports": { + "version": "7.13.12", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.13.12.tgz", + "integrity": "sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==", + "requires": { + "@babel/types": "^7.13.12" + } + }, + "@babel/plugin-transform-react-jsx": { + "version": "7.13.12", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.13.12.tgz", + "integrity": "sha512-jcEI2UqIcpCqB5U5DRxIl0tQEProI2gcu+g8VTIqxLO5Iidojb4d77q+fwGseCvd8af/lJ9masp4QWzBXFE2xA==", + "requires": { + "@babel/helper-annotate-as-pure": "^7.12.13", + "@babel/helper-module-imports": "^7.13.12", + "@babel/helper-plugin-utils": "^7.13.0", + "@babel/plugin-syntax-jsx": "^7.12.13", + "@babel/types": "^7.13.12" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + }, + "@babel/plugin-transform-react-jsx-development": { + "version": "7.12.17", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.12.17.tgz", + "integrity": "sha512-BPjYV86SVuOaudFhsJR1zjgxxOhJDt6JHNoD48DxWEIxUCAMjV1ys6DYw4SDYZh0b1QsS2vfIA9t/ZsQGsDOUQ==", + "requires": { + "@babel/plugin-transform-react-jsx": "^7.12.17" + } + }, + "@babel/plugin-transform-react-jsx-self": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.13.tgz", + "integrity": "sha512-FXYw98TTJ125GVCCkFLZXlZ1qGcsYqNQhVBQcZjyrwf8FEUtVfKIoidnO8S0q+KBQpDYNTmiGo1gn67Vti04lQ==", + "requires": { + "@babel/helper-plugin-utils": "^7.12.13" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + }, + "@babel/plugin-transform-react-jsx-source": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.12.13.tgz", + "integrity": "sha512-O5JJi6fyfih0WfDgIJXksSPhGP/G0fQpfxYy87sDc+1sFmsCS6wr3aAn+whbzkhbjtq4VMqLRaSzR6IsshIC0Q==", + "requires": { + "@babel/helper-plugin-utils": "^7.12.13" + }, + "dependencies": { + "@babel/helper-plugin-utils": { + "version": "7.13.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz", + "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==" + } + } + }, + "@babel/plugin-transform-react-pure-annotations": { + "version": "7.12.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.12.1.tgz", + "integrity": "sha512-RqeaHiwZtphSIUZ5I85PEH19LOSzxfuEazoY7/pWASCAIBuATQzpSVD+eT6MebeeZT2F4eSL0u4vw6n4Nm0Mjg==", + "requires": { + "@babel/helper-annotate-as-pure": "^7.10.4", + "@babel/helper-plugin-utils": "^7.10.4" + } + }, + "@babel/types": { + "version": "7.13.12", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.12.tgz", + "integrity": "sha512-K4nY2xFN4QMvQwkQ+zmBDp6ANMbVNw6BbxWmYA4qNjhR9W+Lj/8ky5MEY2Me5r+B2c6/v6F53oMndG+f9s3IiA==", + "requires": { + "@babel/helper-validator-identifier": "^7.12.11", + "lodash": "^4.17.19", + "to-fast-properties": "^2.0.0" + } + } } }, "@babel/runtime": { @@ -3156,6 +3313,11 @@ "version": "5.7.1", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" } } }, @@ -3744,6 +3906,11 @@ } } }, + "classnames": { + "version": "2.2.6", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz", + "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==" + }, "clean-css": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", @@ -4213,25 +4380,6 @@ "sha.js": "^2.4.8" } }, - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" - } - } - }, "crypto-browserify": { "version": "3.12.0", "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz", @@ -5129,6 +5277,11 @@ } } }, + "enquire.js": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz", + "integrity": "sha1-PoeAybi4NQhMP2DhZtvDwqPImBQ=" + }, "enquirer": { "version": "2.3.6", "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", @@ -5844,6 +5997,25 @@ "p-finally": "^1.0.0", "signal-exit": "^3.0.0", "strip-eof": "^1.0.0" + }, + "dependencies": { + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" + } } }, "exit": { @@ -6218,6 +6390,22 @@ "commondir": "^1.0.1", "make-dir": "^2.0.0", "pkg-dir": "^3.0.0" + }, + "dependencies": { + "make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "requires": { + "pify": "^4.0.1", + "semver": "^5.6.0" + } + }, + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" + } } }, "find-up": { @@ -7780,14 +7968,6 @@ "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" }, - "is-wsl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", - "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", - "requires": { - "is-docker": "^2.0.0" - } - }, "isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -8862,6 +9042,14 @@ "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" }, + "json2mq": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz", + "integrity": "sha1-tje9O6nqvhIsg+lyBIOusQ0skEo=", + "requires": { + "string-convert": "^0.2.0" + } + }, "json3": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz", @@ -9110,6 +9298,11 @@ "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz", "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=" }, + "lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=" + }, "lodash.memoize": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz", @@ -9195,22 +9388,6 @@ "sourcemap-codec": "^1.4.4" } }, - "make-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", - "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", - "requires": { - "pify": "^4.0.1", - "semver": "^5.6.0" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" - } - } - }, "makeerror": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.11.tgz", @@ -9720,6 +9897,15 @@ "which": "^2.0.2" }, "dependencies": { + "is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "optional": true, + "requires": { + "is-docker": "^2.0.0" + } + }, "which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -9969,6 +10155,16 @@ "requires": { "is-docker": "^2.0.0", "is-wsl": "^2.1.1" + }, + "dependencies": { + "is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "requires": { + "is-docker": "^2.0.0" + } + } } }, "opn": { @@ -10482,6 +10678,19 @@ "requires": { "postcss": "^7.0.2", "postcss-selector-parser": "^6.0.2" + }, + "dependencies": { + "postcss-selector-parser": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", + "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1", + "util-deprecate": "^1.0.2" + } + } } }, "postcss-browser-comments": { @@ -10500,6 +10709,19 @@ "postcss": "^7.0.27", "postcss-selector-parser": "^6.0.2", "postcss-value-parser": "^4.0.2" + }, + "dependencies": { + "postcss-selector-parser": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", + "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1", + "util-deprecate": "^1.0.2" + } + } } }, "postcss-color-functional-notation": { @@ -11010,6 +11232,19 @@ "postcss": "^7.0.32", "postcss-selector-parser": "^6.0.2", "postcss-value-parser": "^4.1.0" + }, + "dependencies": { + "postcss-selector-parser": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", + "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1", + "util-deprecate": "^1.0.2" + } + } } }, "postcss-modules-scope": { @@ -11019,6 +11254,19 @@ "requires": { "postcss": "^7.0.6", "postcss-selector-parser": "^6.0.0" + }, + "dependencies": { + "postcss-selector-parser": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", + "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1", + "util-deprecate": "^1.0.2" + } + } } }, "postcss-modules-values": { @@ -11388,17 +11636,6 @@ "postcss": "^7.0.2" } }, - "postcss-selector-parser": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", - "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1", - "util-deprecate": "^1.0.2" - } - }, "postcss-svgo": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.2.tgz", @@ -12055,6 +12292,87 @@ "webpack-dev-server": "3.11.0", "webpack-manifest-plugin": "2.2.0", "workbox-webpack-plugin": "5.1.4" + }, + "dependencies": { + "@babel/core": { + "version": "7.12.3", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.3.tgz", + "integrity": "sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==", + "requires": { + "@babel/code-frame": "^7.10.4", + "@babel/generator": "^7.12.1", + "@babel/helper-module-transforms": "^7.12.1", + "@babel/helpers": "^7.12.1", + "@babel/parser": "^7.12.3", + "@babel/template": "^7.10.4", + "@babel/traverse": "^7.12.1", + "@babel/types": "^7.12.1", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.1", + "json5": "^2.1.2", + "lodash": "^4.17.19", + "resolve": "^1.3.2", + "semver": "^5.4.1", + "source-map": "^0.5.0" + }, + "dependencies": { + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" + } + } + }, + "babel-loader": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.1.0.tgz", + "integrity": "sha512-7q7nC1tYOrqvUrN3LQK4GwSk/TQorZSOlO9C+RZDZpODgyN4ZlCqE5q9cDsyWOliN+aU9B4JX01xK9eJXowJLw==", + "requires": { + "find-cache-dir": "^2.1.0", + "loader-utils": "^1.4.0", + "mkdirp": "^0.5.3", + "pify": "^4.0.1", + "schema-utils": "^2.6.5" + } + }, + "loader-utils": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz", + "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==", + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^1.0.1" + }, + "dependencies": { + "json5": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", + "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "requires": { + "minimist": "^1.2.0" + } + } + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + } + } + }, + "react-slick": { + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.28.1.tgz", + "integrity": "sha512-JwRQXoWGJRbUTE7eZI1rGIHaXX/4YuwX6gn7ulfvUZ4vFDVQAA25HcsHSYaUiRCduTr6rskyIuyPMpuG6bbluw==", + "requires": { + "classnames": "^2.2.5", + "enquire.js": "^2.1.6", + "json2mq": "^0.2.0", + "lodash.debounce": "^4.0.8", + "resize-observer-polyfill": "^1.5.0" } }, "react-syntax-highlighter": { @@ -12422,6 +12740,11 @@ "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=" }, + "resize-observer-polyfill": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", + "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" + }, "resolve": { "version": "1.18.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz", @@ -13238,6 +13561,11 @@ "is-fullwidth-code-point": "^3.0.0" } }, + "slick-carousel": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz", + "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==" + }, "snapdragon": { "version": "0.8.2", "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", @@ -13687,6 +14015,11 @@ "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz", "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=" }, + "string-convert": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz", + "integrity": "sha1-aYLMMEn7tM2F+LJFaLnZvznu/5c=" + }, "string-length": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.1.tgz", diff --git a/client/package.json b/client/package.json index 9e47d2a..902f046 100644 --- a/client/package.json +++ b/client/package.json @@ -3,7 +3,6 @@ "version": "0.1.0", "private": true, "dependencies": { - "@brainhubeu/react-carousel": "^2.0.2", "@material-ui/core": "^4.11.2", "@material-ui/lab": "^4.0.0-alpha.57", "axios": "^0.21.1", @@ -20,7 +19,9 @@ "react-router": "^5.2.0", "react-router-dom": "^5.2.0", "react-scripts": "4.0.1", - "react-syntax-highlighter": "^15.4.3" + "react-slick": "^0.28.1", + "react-syntax-highlighter": "^15.4.3", + "slick-carousel": "^1.8.1" }, "scripts": { "start": "PORT=3002 react-scripts start", diff --git a/client/public/next-button-slider.png b/client/public/next-button-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..99675b4505db307802f9fb6264c70a296eb1e041 GIT binary patch literal 4296 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 literal 0 HcmV?d00001 diff --git a/client/public/prev-button-slider.png b/client/public/prev-button-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..2085dc915b804a4b24a9a2f81a43724da49079eb GIT binary patch literal 4348 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 YG4THn(8Qp(DFHxRLr=Y2%{KCX02oRn!~g&Q literal 0 HcmV?d00001 diff --git a/client/src/components/Home/index.css b/client/src/components/Home/index.css index 25e2b9c..d7ae6be 100644 --- a/client/src/components/Home/index.css +++ b/client/src/components/Home/index.css @@ -163,11 +163,25 @@ } .carousel-item-wrapper { - width: 100%; margin: 20px; text-align: center; } +.slick-prev { + width: 30px; + height: 30px; + z-index: 1; +} +.slick-next { + width: 30px; + height: 30px; + z-index: 1; +} + +.carousel-slider { + margin: 40px 20px 60px 20px; +} + .carousel-item-link { text-decoration: none; color: #000000; diff --git a/client/src/components/Home/index.js b/client/src/components/Home/index.js index d699dd7..e696ab5 100644 --- a/client/src/components/Home/index.js +++ b/client/src/components/Home/index.js @@ -6,12 +6,7 @@ import { MenuItem, InputAdornment, } from "@material-ui/core"; -import Carousel, { - slidesToShowPlugin, - slidesToScrollPlugin, - autoplayPlugin, -} from "@brainhubeu/react-carousel"; -import "@brainhubeu/react-carousel/lib/style.css"; +import Slider from "react-slick"; import { BsSearch } from "react-icons/bs"; import { FiThumbsUp } from "react-icons/fi"; import { FaRegComment, FaLaptopCode, FaRegSun } from "react-icons/fa"; @@ -21,13 +16,14 @@ import Countup from "./../common/Countup"; import { rcApiDomain } from "../../utils/constants"; import RCSwitch from "../RCSwitch"; import { Trans, useTranslation } from "react-i18next"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; import "./index.css"; export default function Home(props) { const { users, onlineUsers, totalMessages } = props.stats; const [searchCategory, setSearchCategory] = useState(""); - const [carouselValue, setCarouselValue] = useState(0); const [demoMode, setDemoMode] = useState(false); const { t, i18n } = useTranslation(); @@ -137,10 +133,6 @@ export default function Home(props) { setSearchCategory(event.target.value); }; - const onCarouselChange = (value) => { - setCarouselValue(value); - }; - const getGreetings = () => { let d = new Date(); let time = d.getHours(); @@ -346,36 +338,22 @@ export default function Home(props) {

{t("unsigned-home-demo.blogs-heading")}

- ( + } + nextArrow={} + > + {carouselItems.map((item, i) => ( ))} - plugins={[ - "centered", - "infinite", - "arrows", - { - resolve: slidesToShowPlugin, - options: { - numberOfSlides: 3, - }, - }, - { - resolve: slidesToScrollPlugin, - options: { - numberOfSlides: 1, - }, - }, - { - resolve: autoplayPlugin, - options: { - interval: 2000, - }, - }, - ]} - /> +

{t("unsigned-home-demo.select-role-heading")}