From 1bf119722a0da2f13750f623209de3925c870691 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Fri, 11 Mar 2022 01:14:06 -0800 Subject: [PATCH] Add infinite scroll component --- package-lock.json | 72 +++++++++++++++++++++++++++++++++++++++++++++++ package.json | 3 ++ 2 files changed, 75 insertions(+) diff --git a/package-lock.json b/package-lock.json index 6271de9c..8bfb66b1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31,6 +31,8 @@ "react-cookie": "^4.1.1", "react-dom": "^17.0.2", "react-i18next": "^11.15.5", + "react-infinite-scroll-component": "^6.1.0", + "react-infinite-scroller": "^1.2.5", "react-linkify": "^1.0.0-alpha", "react-scroll": "^1.8.5", "sass": "^1.49.0", @@ -42,6 +44,7 @@ "@types/node": "17.0.11", "@types/react": "17.0.38", "@types/react-dom": "^17.0.11", + "@types/react-infinite-scroller": "^1.2.2", "@types/react-linkify": "^1.0.1", "@types/react-scroll": "^1.8.3", "eslint": "8.7.0", @@ -3441,6 +3444,15 @@ "@types/react": "*" } }, + "node_modules/@types/react-infinite-scroller": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/react-infinite-scroller/-/react-infinite-scroller-1.2.2.tgz", + "integrity": "sha512-3Tu/wspMKAOH/YkGmTrXgfYizL9DnMb4opksrl+m5jiESxGkRN4tiKf6lr7SN0FUgoFyQyK9o+yMKn1bWMTVmA==", + "dev": true, + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@types/react-linkify": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@types/react-linkify/-/react-linkify-1.0.1.tgz", @@ -6843,6 +6855,28 @@ } } }, + "node_modules/react-infinite-scroll-component": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/react-infinite-scroll-component/-/react-infinite-scroll-component-6.1.0.tgz", + "integrity": "sha512-SQu5nCqy8DxQWpnUVLx7V7b7LcA37aM7tvoWjTLZp1dk6EJibM5/4EJKzOnl07/BsM1Y40sKLuqjCwwH/xV0TQ==", + "dependencies": { + "throttle-debounce": "^2.1.0" + }, + "peerDependencies": { + "react": ">=16.0.0" + } + }, + "node_modules/react-infinite-scroller": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/react-infinite-scroller/-/react-infinite-scroller-1.2.5.tgz", + "integrity": "sha512-2A+SFUliZhVcxr4R2kFBrW/naGSluNMLqT6wfgmXKCggN1u/H4AW7flBLWHcY/5n/KviVLnpQfaMfBb/pG/m7g==", + "dependencies": { + "prop-types": "^15.5.8" + }, + "peerDependencies": { + "react": "^0.14.9 || ^15.3.0 || ^16.0.0 || ^17.0.0" + } + }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -7531,6 +7565,14 @@ "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", "dev": true }, + "node_modules/throttle-debounce": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz", + "integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==", + "engines": { + "node": ">=8" + } + }, "node_modules/tlds": { "version": "1.230.0", "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz", @@ -10337,6 +10379,15 @@ "@types/react": "*" } }, + "@types/react-infinite-scroller": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/react-infinite-scroller/-/react-infinite-scroller-1.2.2.tgz", + "integrity": "sha512-3Tu/wspMKAOH/YkGmTrXgfYizL9DnMb4opksrl+m5jiESxGkRN4tiKf6lr7SN0FUgoFyQyK9o+yMKn1bWMTVmA==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, "@types/react-linkify": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@types/react-linkify/-/react-linkify-1.0.1.tgz", @@ -12833,6 +12884,22 @@ "html-parse-stringify": "^3.0.1" } }, + "react-infinite-scroll-component": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/react-infinite-scroll-component/-/react-infinite-scroll-component-6.1.0.tgz", + "integrity": "sha512-SQu5nCqy8DxQWpnUVLx7V7b7LcA37aM7tvoWjTLZp1dk6EJibM5/4EJKzOnl07/BsM1Y40sKLuqjCwwH/xV0TQ==", + "requires": { + "throttle-debounce": "^2.1.0" + } + }, + "react-infinite-scroller": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/react-infinite-scroller/-/react-infinite-scroller-1.2.5.tgz", + "integrity": "sha512-2A+SFUliZhVcxr4R2kFBrW/naGSluNMLqT6wfgmXKCggN1u/H4AW7flBLWHcY/5n/KviVLnpQfaMfBb/pG/m7g==", + "requires": { + "prop-types": "^15.5.8" + } + }, "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -13318,6 +13385,11 @@ "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", "dev": true }, + "throttle-debounce": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz", + "integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==" + }, "tlds": { "version": "1.230.0", "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz", diff --git a/package.json b/package.json index b4db226e..ce032969 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,8 @@ "react-cookie": "^4.1.1", "react-dom": "^17.0.2", "react-i18next": "^11.15.5", + "react-infinite-scroll-component": "^6.1.0", + "react-infinite-scroller": "^1.2.5", "react-linkify": "^1.0.0-alpha", "react-scroll": "^1.8.5", "sass": "^1.49.0", @@ -47,6 +49,7 @@ "@types/node": "17.0.11", "@types/react": "17.0.38", "@types/react-dom": "^17.0.11", + "@types/react-infinite-scroller": "^1.2.2", "@types/react-linkify": "^1.0.1", "@types/react-scroll": "^1.8.3", "eslint": "8.7.0",