diff --git a/package-lock.json b/package-lock.json
index e2e5ccd..833b8b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,13 +8,17 @@
"name": "eagle-ec-fr",
"version": "0.0.0",
"dependencies": {
+ "@reduxjs/toolkit": "^2.2.5",
"@testing-library/jest-dom": "^6.4.5",
"@testing-library/react": "^16.0.0",
"eslint-config-airbnb-typescript": "^18.0.0",
"jest-environment-jsdom": "^29.7.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-router-dom": "^6.23.1"
+ "react-redux": "^9.1.2",
+ "react-router-dom": "^6.23.1",
+ "redux": "^5.0.1",
+ "redux-thunk": "^3.1.0"
},
"devDependencies": {
"@commitlint/cli": "^19.3.0",
@@ -22,7 +26,10 @@
"@types/jest": "^29.5.12",
"@types/react": "^18.2.66",
"@types/react-dom": "^18.2.22",
+ "@types/react-redux": "^7.1.33",
"@types/react-router-dom": "^5.3.3",
+ "@types/redux": "^3.6.0",
+ "@types/redux-thunk": "^2.1.0",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react-swc": "^3.5.0",
@@ -2258,6 +2265,29 @@
"url": "https://opencollective.com/unts"
}
},
+ "node_modules/@reduxjs/toolkit": {
+ "version": "2.2.5",
+ "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.2.5.tgz",
+ "integrity": "sha512-aeFA/s5NCG7NoJe/MhmwREJxRkDs0ZaSqt0MxhWUrwCf1UQXpwR87RROJEql0uAkLI6U7snBOYOcKw83ew3FPg==",
+ "dependencies": {
+ "immer": "^10.0.3",
+ "redux": "^5.0.1",
+ "redux-thunk": "^3.1.0",
+ "reselect": "^5.1.0"
+ },
+ "peerDependencies": {
+ "react": "^16.9.0 || ^17.0.0 || ^18",
+ "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+ },
+ "peerDependenciesMeta": {
+ "react": {
+ "optional": true
+ },
+ "react-redux": {
+ "optional": true
+ }
+ }
+ },
"node_modules/@remix-run/router": {
"version": "1.16.1",
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.1.tgz",
@@ -2496,14 +2526,14 @@
}
},
"node_modules/@swc/core": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.5.25.tgz",
- "integrity": "sha512-qdGEIdLVoTjEQ7w72UyyQ0wLFY4XbHfZiidmPHKJQsvSXzdpHXxPdlTCea/mY4AhMqo/M+pvkJSXJAxZnFl7qw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.5.27.tgz",
+ "integrity": "sha512-HmSSCBoUSRDFAd8aEB+WILkCofIp1c2OU6ZJWu1aCt6pijwQSkA4y51CTBcdvyy/+zX1W3cic7alfdhmQxxeEQ==",
"dev": true,
"hasInstallScript": true,
"dependencies": {
"@swc/counter": "^0.1.3",
- "@swc/types": "^0.1.7"
+ "@swc/types": "^0.1.8"
},
"engines": {
"node": ">=10"
@@ -2513,16 +2543,16 @@
"url": "https://opencollective.com/swc"
},
"optionalDependencies": {
- "@swc/core-darwin-arm64": "1.5.25",
- "@swc/core-darwin-x64": "1.5.25",
- "@swc/core-linux-arm-gnueabihf": "1.5.25",
- "@swc/core-linux-arm64-gnu": "1.5.25",
- "@swc/core-linux-arm64-musl": "1.5.25",
- "@swc/core-linux-x64-gnu": "1.5.25",
- "@swc/core-linux-x64-musl": "1.5.25",
- "@swc/core-win32-arm64-msvc": "1.5.25",
- "@swc/core-win32-ia32-msvc": "1.5.25",
- "@swc/core-win32-x64-msvc": "1.5.25"
+ "@swc/core-darwin-arm64": "1.5.27",
+ "@swc/core-darwin-x64": "1.5.27",
+ "@swc/core-linux-arm-gnueabihf": "1.5.27",
+ "@swc/core-linux-arm64-gnu": "1.5.27",
+ "@swc/core-linux-arm64-musl": "1.5.27",
+ "@swc/core-linux-x64-gnu": "1.5.27",
+ "@swc/core-linux-x64-musl": "1.5.27",
+ "@swc/core-win32-arm64-msvc": "1.5.27",
+ "@swc/core-win32-ia32-msvc": "1.5.27",
+ "@swc/core-win32-x64-msvc": "1.5.27"
},
"peerDependencies": {
"@swc/helpers": "*"
@@ -2534,9 +2564,9 @@
}
},
"node_modules/@swc/core-darwin-arm64": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.5.25.tgz",
- "integrity": "sha512-YbD0SBgVJS2DM0vwJTU5m7+wOyCjHPBDMf3nCBJQzFZzOLzK11eRW7SzU2jhJHr9HI9sKcNFfN4lIC2Sj+4inA==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.5.27.tgz",
+ "integrity": "sha512-jyoygXBcUcwUya2BI7Uvl0jwcm4kd0RBDGGkWgcFAZmwucSuLT3EsbpWhOwlL3ACT4rpnRlvh+k8nJlq3+w2Aw==",
"cpu": [
"arm64"
],
@@ -2550,9 +2580,9 @@
}
},
"node_modules/@swc/core-darwin-x64": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.5.25.tgz",
- "integrity": "sha512-OhP4TROT6gQuozn+ah0Y4UidSdgDmxwtQq3lgCUIAxJYErJAQ82/Y0kve2UaNmkSGjOHU+/b4siHPrYTkXOk0Q==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.5.27.tgz",
+ "integrity": "sha512-eOC583D6b3MS9oODCcZUvAV7ajunjENAPVQL7aZaW+piERW+o4koZAiPlzFdMAUMj7UeVg+UN9sBBbTbJgruIA==",
"cpu": [
"x64"
],
@@ -2566,9 +2596,9 @@
}
},
"node_modules/@swc/core-linux-arm-gnueabihf": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.5.25.tgz",
- "integrity": "sha512-tNmUfrAHxN2gvYPyYNnHx2CYlPO7DGAUuK/bZrqawu++djcg+atAV3eI3XYJgmHId7/sYAlDQ9wjkrOLofFjVg==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.5.27.tgz",
+ "integrity": "sha512-bMvX0yF7WYzn1K+s0JWJhvyA3OeZHVrdjka8eZ4LSeuLfC0ggJefo+klyeuN2szn/LYP6/3oByyrWNY8RSHB4w==",
"cpu": [
"arm"
],
@@ -2582,9 +2612,9 @@
}
},
"node_modules/@swc/core-linux-arm64-gnu": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.5.25.tgz",
- "integrity": "sha512-stzpke+bRaNFM/HrZPRjX0aQZ86S/2DChVCwb8NAV1n5lu9mz1CS750y7WbbtX/KZjk92FsCeRy2qwkvjI0gWw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.5.27.tgz",
+ "integrity": "sha512-KlkOcSPxrCqZTm4XrT/LT1o9gmyM2T6bw/hL6IwTYRBJg+sej4rc9iSfVRFZBfNuG3EVkFQSXxik+0yVOXR93Q==",
"cpu": [
"arm64"
],
@@ -2598,9 +2628,9 @@
}
},
"node_modules/@swc/core-linux-arm64-musl": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.5.25.tgz",
- "integrity": "sha512-UckUfDYedish/bj2V1jgQDGgouLhyRpG7jgF3mp8jHir11V2K6JiTyjFoz99eOiclS3+hNdr4QLJ+ifrQMJNZw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.5.27.tgz",
+ "integrity": "sha512-EwdTt5qykxFXJu7kS+0X0Mp/IlwO8KJ6LVNak2+N8bt1J1q/nCdg1tRDOYQ1Z/MVa1Tm+lJ664Qs1y2NY2SDTw==",
"cpu": [
"arm64"
],
@@ -2614,9 +2644,9 @@
}
},
"node_modules/@swc/core-linux-x64-gnu": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.5.25.tgz",
- "integrity": "sha512-LwbJEgNT3lXbvz4WFzVNXNvs8DvxpoXjMZk9K9Hig8tmZQJKHC2qZTGomcyK5EFzfj2HBuBXZnAEW8ZT9PcEaA==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.5.27.tgz",
+ "integrity": "sha512-RsBbxbiSNWLJ2jbAdITtv30J4eZw4O/JJ5zxYgWI54TdY7YrVsqIdzuX+ldximt+CYvO9irHm/mSr/IJY2YXrw==",
"cpu": [
"x64"
],
@@ -2630,9 +2660,9 @@
}
},
"node_modules/@swc/core-linux-x64-musl": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.5.25.tgz",
- "integrity": "sha512-rsepMTgml0EkswWkBpg3Wrjj5eqjwTzZN5omAn1klzXSZnClTrfeHvBuoIJYVr1yx+jmBkqySgME2p7+magUAw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.5.27.tgz",
+ "integrity": "sha512-XpRx0Kpy6JEi1WSMqUfR3k8hXLqNOkVqFcUfzvfQ4QNBX5Ek7ywh7WAxlPhCrFp+wAfNAqqUyRY1xZpLvRU51A==",
"cpu": [
"x64"
],
@@ -2646,9 +2676,9 @@
}
},
"node_modules/@swc/core-win32-arm64-msvc": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.5.25.tgz",
- "integrity": "sha512-DJDsLBsRBV3uQBShRK2x6fqzABp9RLNVxDUpTTvUjc7qywJ8vS/yn+POK/zCyVEqLagf1z/8D5CEQ+RAIJq1NA==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.5.27.tgz",
+ "integrity": "sha512-pwSTUIokyIp+Ha1pur34qdYjxqL1QzhP/HM8anzsFs4yvV2LSI7c3qc4GWPNv2eQ9WiFXyo29uCEIRN6qig7wg==",
"cpu": [
"arm64"
],
@@ -2662,9 +2692,9 @@
}
},
"node_modules/@swc/core-win32-ia32-msvc": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.5.25.tgz",
- "integrity": "sha512-BARL1ulHol53MEKC1ZVWM3A3FP757UUgG5Q8v97za+4a1SaIgbwvAQyHDxMYWi9+ij+OapK8YnWjJcFa17g8dw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.5.27.tgz",
+ "integrity": "sha512-S0S6vqFscvmxPolwmpZvTRfTbYR+eGcyc0ge4x/+HcnBCm+m84rcGxmp3bBb1edNFaIV+X47BlGvvh85cJ4rkQ==",
"cpu": [
"ia32"
],
@@ -2678,9 +2708,9 @@
}
},
"node_modules/@swc/core-win32-x64-msvc": {
- "version": "1.5.25",
- "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.5.25.tgz",
- "integrity": "sha512-o+MHUWrQI9iR6EusEV8eNU2Ezi3KtlhUR4gfptQN5MbVzlgjTvQbhiKpE1GYOxp+0BLBbKRwITKOcdhxfEJ2Uw==",
+ "version": "1.5.27",
+ "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.5.27.tgz",
+ "integrity": "sha512-aem+BcNW42JPbvV6L3Jl3LLj6G80aYADzYenToYisy0Aop0XZAxL/0FbhV+xWORNFtIUKynNtaa1CK7w0UxehQ==",
"cpu": [
"x64"
],
@@ -2700,9 +2730,9 @@
"dev": true
},
"node_modules/@swc/types": {
- "version": "0.1.7",
- "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.7.tgz",
- "integrity": "sha512-scHWahbHF0eyj3JsxG9CFJgFdFNaVQCNAimBlT6PzS3n/HptxqREjsm4OH6AN3lYcffZYSPxXW8ua2BEHp0lJQ==",
+ "version": "0.1.8",
+ "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.8.tgz",
+ "integrity": "sha512-RNFA3+7OJFNYY78x0FYwi1Ow+iF1eF5WvmfY1nXPOEH4R2p/D4Cr1vzje7dNAI2aLFqpv8Wyz4oKSWqIZArpQA==",
"dev": true,
"dependencies": {
"@swc/counter": "^0.1.3"
@@ -3002,6 +3032,16 @@
"integrity": "sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==",
"dev": true
},
+ "node_modules/@types/hoist-non-react-statics": {
+ "version": "3.3.5",
+ "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
+ "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==",
+ "dev": true,
+ "dependencies": {
+ "@types/react": "*",
+ "hoist-non-react-statics": "^3.3.0"
+ }
+ },
"node_modules/@types/istanbul-lib-coverage": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
@@ -3101,6 +3141,27 @@
"@types/react": "*"
}
},
+ "node_modules/@types/react-redux": {
+ "version": "7.1.33",
+ "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.33.tgz",
+ "integrity": "sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==",
+ "dev": true,
+ "dependencies": {
+ "@types/hoist-non-react-statics": "^3.3.0",
+ "@types/react": "*",
+ "hoist-non-react-statics": "^3.3.0",
+ "redux": "^4.0.0"
+ }
+ },
+ "node_modules/@types/react-redux/node_modules/redux": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+ "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+ "dev": true,
+ "dependencies": {
+ "@babel/runtime": "^7.9.2"
+ }
+ },
"node_modules/@types/react-router": {
"version": "5.1.20",
"resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.20.tgz",
@@ -3122,6 +3183,26 @@
"@types/react-router": "*"
}
},
+ "node_modules/@types/redux": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/@types/redux/-/redux-3.6.0.tgz",
+ "integrity": "sha512-ic+60DXHW5seNyqFvfr7Sk5cnXs+HsF9tIeIaxjOuSP5kzgDXC+AzKTYmjAfuLx4Sccm/0vjwBQj3OOkUkwOqg==",
+ "deprecated": "This is a stub types definition for Redux (https://github.com/reactjs/redux). Redux provides its own type definitions, so you don't need @types/redux installed!",
+ "dev": true,
+ "dependencies": {
+ "redux": "*"
+ }
+ },
+ "node_modules/@types/redux-thunk": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/@types/redux-thunk/-/redux-thunk-2.1.0.tgz",
+ "integrity": "sha512-8M+kcrnZQYO3A40d8a1lieBFur/ab8EXHqa2dGMQqsmBaVCbNp3gd8ed/HuSjLoLA63ov/trXaXWlkiKVF4VUw==",
+ "deprecated": "This is a stub types definition for Redux Thunk (https://github.com/gaearon/redux-thunk). Redux Thunk provides its own type definitions, so you don't need @types/redux-thunk installed!",
+ "dev": true,
+ "dependencies": {
+ "redux-thunk": "*"
+ }
+ },
"node_modules/@types/stack-utils": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
@@ -3132,6 +3213,11 @@
"resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
"integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA=="
},
+ "node_modules/@types/use-sync-external-store": {
+ "version": "0.0.3",
+ "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
+ "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA=="
+ },
"node_modules/@types/yargs": {
"version": "17.0.32",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
@@ -4047,9 +4133,9 @@
}
},
"node_modules/caniuse-lite": {
- "version": "1.0.30001629",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001629.tgz",
- "integrity": "sha512-c3dl911slnQhmxUIT4HhYzT7wnBK/XYpGnYLOj4nJBaRiw52Ibe7YxlDaAeRECvA786zCuExhxIUJ2K7nHMrBw==",
+ "version": "1.0.30001632",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001632.tgz",
+ "integrity": "sha512-udx3o7yHJfUxMLkGohMlVHCvFvWmirKh9JAH/d7WOLPetlH+LTL5cocMZ0t7oZx/mdlOWXti97xLZWc8uURRHg==",
"devOptional": true,
"funding": [
{
@@ -6383,6 +6469,15 @@
"node": ">= 0.4"
}
},
+ "node_modules/hoist-non-react-statics": {
+ "version": "3.3.2",
+ "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+ "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+ "dev": true,
+ "dependencies": {
+ "react-is": "^16.7.0"
+ }
+ },
"node_modules/html-encoding-sniffer": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -6480,6 +6575,15 @@
"node": ">= 4"
}
},
+ "node_modules/immer": {
+ "version": "10.1.1",
+ "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+ "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/immer"
+ }
+ },
"node_modules/import-fresh": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -8849,9 +8953,9 @@
}
},
"node_modules/lilconfig": {
- "version": "3.1.1",
- "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz",
- "integrity": "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==",
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+ "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
"dev": true,
"engines": {
"node": ">=14"
@@ -10005,6 +10109,12 @@
"node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
}
},
+ "node_modules/pretty-format/node_modules/react-is": {
+ "version": "17.0.2",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+ "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+ "peer": true
+ },
"node_modules/prompts": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
@@ -10029,12 +10139,6 @@
"react-is": "^16.13.1"
}
},
- "node_modules/prop-types/node_modules/react-is": {
- "version": "16.13.1",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
- "dev": true
- },
"node_modules/psl": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
@@ -10112,10 +10216,32 @@
}
},
"node_modules/react-is": {
- "version": "17.0.2",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
- "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
- "peer": true
+ "version": "16.13.1",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+ "dev": true
+ },
+ "node_modules/react-redux": {
+ "version": "9.1.2",
+ "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.1.2.tgz",
+ "integrity": "sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==",
+ "dependencies": {
+ "@types/use-sync-external-store": "^0.0.3",
+ "use-sync-external-store": "^1.0.0"
+ },
+ "peerDependencies": {
+ "@types/react": "^18.2.25",
+ "react": "^18.0",
+ "redux": "^5.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ },
+ "redux": {
+ "optional": true
+ }
+ }
},
"node_modules/react-router": {
"version": "6.23.1",
@@ -10180,6 +10306,19 @@
"node": ">=8"
}
},
+ "node_modules/redux": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+ "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w=="
+ },
+ "node_modules/redux-thunk": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+ "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+ "peerDependencies": {
+ "redux": "^5.0.0"
+ }
+ },
"node_modules/reflect.getprototypeof": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
@@ -10246,6 +10385,11 @@
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
+ "node_modules/reselect": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+ "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="
+ },
"node_modules/resolve": {
"version": "1.22.8",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -11535,6 +11679,14 @@
"requires-port": "^1.0.0"
}
},
+ "node_modules/use-sync-external-store": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
+ "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ }
+ },
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/package.json b/package.json
index c7aaf4a..78a1c27 100644
--- a/package.json
+++ b/package.json
@@ -21,16 +21,23 @@
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.23.1",
+ "react-redux": "^9.1.2",
+ "redux": "^5.0.1",
+ "redux-thunk": "^3.1.0",
"@testing-library/jest-dom": "^6.4.5",
"@testing-library/react": "^16.0.0"
- },
- "devDependencies": {
+ },
+ "devDependencies": {
+ "@reduxjs/toolkit": "^2.2.5",
"@types/jest": "^29.5.12",
"@commitlint/cli": "^19.3.0",
"@commitlint/config-conventional": "^19.2.2",
"@types/react": "^18.2.66",
"@types/react-dom": "^18.2.22",
+ "@types/react-redux": "^7.1.33",
"@types/react-router-dom": "^5.3.3",
+ "@types/redux": "^3.6.0",
+ "@types/redux-thunk": "^2.1.0",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react-swc": "^3.5.0",
diff --git a/src/App.css b/src/App.css
index 63ee84e..aeec5ec 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,6 +1,75 @@
-#root {
- max-width: 1440px;
- margin: 0 auto;
- padding: 2rem;
- text-align: center;
+/* index.css */
+
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f8f9fa;
+ color: #333;
+}
+
+.Add-article {
+ background: #fff;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ padding: 20px;
+ max-width: 500px;
+ margin: 20px auto;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.Add-article input {
+ width: calc(100% - 20px);
+ padding: 10px;
+ margin: 10px 0;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ font-size: 16px;
+}
+
+.Add-article button {
+ padding: 10px 20px;
+ background-color: #007bff;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ font-size: 16px;
+ margin-top: 10px;
+}
+
+.Add-article button:disabled {
+ background-color: #6c757d;
+ cursor: not-allowed;
+}
+
+.Article {
+ background: #fff;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ padding: 20px;
+ max-width: 600px;
+ margin: 20px auto;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.Article h1 {
+ font-size: 24px;
+ margin: 0 0 10px;
+}
+
+.Article p {
+ font-size: 18px;
+ line-height: 1.5;
+ margin: 0 0 10px;
+}
+
+.Article button {
+ padding: 10px 20px;
+ background-color: #dc3545;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ font-size: 16px;
}
diff --git a/src/App.tsx b/src/App.tsx
index 1128dda..32e0343 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,39 @@
-import AppRoutes from "./routes/AppRoutes";
+import * as React from "react";
+import { useSelector, shallowEqual, useDispatch } from "react-redux";
+import "./App.css";
+import { Dispatch } from "redux";
-const App = () => (
-
-);
+import { ArticleState, IArticle } from "../type";
+
+import Article from "./components/Article";
+import AddArticle from "./components/AddArticle";
+import { addArticle, removeArticle } from "./store/actionCreators";
+
+const App: React.FC = () => {
+ const articles: readonly IArticle[] = useSelector(
+ (state: ArticleState) => state.articles,
+ shallowEqual,
+ );
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const dispatch: Dispatch = useDispatch();
+
+ const saveArticle = React.useCallback(
+ (article: IArticle) => dispatch(addArticle(article)),
+ [dispatch],
+ );
+
+ return (
+
+
+ {articles.map((article: IArticle) => (
+
+ ))}
+
+ );
+};
export default App;
diff --git a/src/components/AddArticle.tsx b/src/components/AddArticle.tsx
new file mode 100644
index 0000000..b09e72e
--- /dev/null
+++ b/src/components/AddArticle.tsx
@@ -0,0 +1,54 @@
+import * as React from "react";
+
+import { IArticle } from "../../type";
+
+type Props = {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ saveArticle: (article: IArticle | any) => void;
+};
+
+const AddArticle: React.FC = ({ saveArticle }) => {
+ // Initialize the state with an empty IArticle object
+ const [article, setArticle] = React.useState({ title: "", body: "" });
+
+ const handleArticleData = (e: React.FormEvent) => {
+ const { id, value } = e.currentTarget;
+ setArticle((prevArticle) => ({
+ ...prevArticle,
+ [id]: value,
+ }));
+ };
+
+ const addNewArticle = (e: React.FormEvent) => {
+ e.preventDefault();
+ if (article.title && article.body) {
+ saveArticle(article);
+ // Reset form after submission
+ setArticle({ title: "", body: "" });
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default AddArticle;
diff --git a/src/components/Article.tsx b/src/components/Article.tsx
new file mode 100644
index 0000000..7d81589
--- /dev/null
+++ b/src/components/Article.tsx
@@ -0,0 +1,33 @@
+/* eslint-disable @typescript-eslint/no-shadow */
+/* eslint-disable react/button-has-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from "react";
+import { Dispatch } from "redux";
+import { useDispatch } from "react-redux";
+
+import { IArticle } from "../../type";
+
+type Props = {
+ article: IArticle
+ removeArticle: (article: IArticle) => void
+};
+
+const Article: React.FC = ({ article, removeArticle }) => {
+ const dispatch: Dispatch = useDispatch();
+
+ const deleteArticle = React.useCallback(
+ (article: IArticle) => dispatch(removeArticle(article)),
+ [dispatch, removeArticle],
+ );
+
+ return (
+
+
+
{article.title}
+
{article.body}
+
+
+