Bladeren bron

[mov] from v5 to v6 of react-router-dom

amenpunk 3 jaren geleden
bovenliggende
commit
06efdcaea1

+ 31 - 168
psicoadmin/package-lock.json

@@ -19,7 +19,7 @@
19 19
         "react": "^17.0.2",
20 20
         "react-bootstrap": "^2.0.2",
21 21
         "react-dom": "^17.0.2",
22
-        "react-router-dom": "^5.3.0",
22
+        "react-router-dom": "^6.0.2",
23 23
         "react-scripts": "4.0.3",
24 24
         "web-vitals": "^1.0.1"
25 25
       }
@@ -10163,16 +10163,11 @@
10163 10163
       "license": "MIT"
10164 10164
     },
10165 10165
     "node_modules/history": {
10166
-      "version": "4.10.1",
10167
-      "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
10168
-      "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
10166
+      "version": "5.1.0",
10167
+      "resolved": "https://registry.npmjs.org/history/-/history-5.1.0.tgz",
10168
+      "integrity": "sha512-zPuQgPacm2vH2xdORvGGz1wQMuHSIB56yNAy5FnLuwOwgSYyPKptJtcMm6Ev+hRGeS+GzhbmRacHzvlESbFwDg==",
10169 10169
       "dependencies": {
10170
-        "@babel/runtime": "^7.1.2",
10171
-        "loose-envify": "^1.2.0",
10172
-        "resolve-pathname": "^3.0.0",
10173
-        "tiny-invariant": "^1.0.2",
10174
-        "tiny-warning": "^1.0.0",
10175
-        "value-equal": "^1.0.1"
10170
+        "@babel/runtime": "^7.7.6"
10176 10171
       }
10177 10172
     },
10178 10173
     "node_modules/hmac-drbg": {
@@ -12844,19 +12839,6 @@
12844 12839
         "node": ">=4"
12845 12840
       }
12846 12841
     },
12847
-    "node_modules/mini-create-react-context": {
12848
-      "version": "0.4.1",
12849
-      "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
12850
-      "integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
12851
-      "dependencies": {
12852
-        "@babel/runtime": "^7.12.1",
12853
-        "tiny-warning": "^1.0.3"
12854
-      },
12855
-      "peerDependencies": {
12856
-        "prop-types": "^15.0.0",
12857
-        "react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
12858
-      }
12859
-    },
12860 12842
     "node_modules/mini-css-extract-plugin": {
12861 12843
       "version": "0.11.3",
12862 12844
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz",
@@ -16014,60 +15996,29 @@
16014 15996
       }
16015 15997
     },
16016 15998
     "node_modules/react-router": {
16017
-      "version": "5.2.1",
16018
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.1.tgz",
16019
-      "integrity": "sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ==",
16020
-      "dependencies": {
16021
-        "@babel/runtime": "^7.12.13",
16022
-        "history": "^4.9.0",
16023
-        "hoist-non-react-statics": "^3.1.0",
16024
-        "loose-envify": "^1.3.1",
16025
-        "mini-create-react-context": "^0.4.0",
16026
-        "path-to-regexp": "^1.7.0",
16027
-        "prop-types": "^15.6.2",
16028
-        "react-is": "^16.6.0",
16029
-        "tiny-invariant": "^1.0.2",
16030
-        "tiny-warning": "^1.0.0"
15999
+      "version": "6.0.2",
16000
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.0.2.tgz",
16001
+      "integrity": "sha512-8/Wm3Ed8t7TuedXjAvV39+c8j0vwrI5qVsYqjFr5WkJjsJpEvNSoLRUbtqSEYzqaTUj1IV+sbPJxvO+accvU0Q==",
16002
+      "dependencies": {
16003
+        "history": "^5.1.0"
16031 16004
       },
16032 16005
       "peerDependencies": {
16033
-        "react": ">=15"
16006
+        "react": ">=16.8"
16034 16007
       }
16035 16008
     },
16036 16009
     "node_modules/react-router-dom": {
16037
-      "version": "5.3.0",
16038
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.3.0.tgz",
16039
-      "integrity": "sha512-ObVBLjUZsphUUMVycibxgMdh5jJ1e3o+KpAZBVeHcNQZ4W+uUGGWsokurzlF4YOldQYRQL4y6yFRWM4m3svmuQ==",
16010
+      "version": "6.0.2",
16011
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.0.2.tgz",
16012
+      "integrity": "sha512-cOpJ4B6raFutr0EG8O/M2fEoyQmwvZWomf1c6W2YXBZuFBx8oTk/zqjXghwScyhfrtnt0lANXV2182NQblRxFA==",
16040 16013
       "dependencies": {
16041
-        "@babel/runtime": "^7.12.13",
16042
-        "history": "^4.9.0",
16043
-        "loose-envify": "^1.3.1",
16044
-        "prop-types": "^15.6.2",
16045
-        "react-router": "5.2.1",
16046
-        "tiny-invariant": "^1.0.2",
16047
-        "tiny-warning": "^1.0.0"
16014
+        "history": "^5.1.0",
16015
+        "react-router": "6.0.2"
16048 16016
       },
16049 16017
       "peerDependencies": {
16050
-        "react": ">=15"
16018
+        "react": ">=16.8",
16019
+        "react-dom": ">=16.8"
16051 16020
       }
16052 16021
     },
16053
-    "node_modules/react-router/node_modules/isarray": {
16054
-      "version": "0.0.1",
16055
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
16056
-      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
16057
-    },
16058
-    "node_modules/react-router/node_modules/path-to-regexp": {
16059
-      "version": "1.8.0",
16060
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
16061
-      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
16062
-      "dependencies": {
16063
-        "isarray": "0.0.1"
16064
-      }
16065
-    },
16066
-    "node_modules/react-router/node_modules/react-is": {
16067
-      "version": "16.13.1",
16068
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
16069
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
16070
-    },
16071 16022
     "node_modules/react-scripts": {
16072 16023
       "version": "4.0.3",
16073 16024
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-4.0.3.tgz",
@@ -17012,11 +16963,6 @@
17012 16963
         "node": ">=4"
17013 16964
       }
17014 16965
     },
17015
-    "node_modules/resolve-pathname": {
17016
-      "version": "3.0.0",
17017
-      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
17018
-      "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
17019
-    },
17020 16966
     "node_modules/resolve-url": {
17021 16967
       "version": "0.2.1",
17022 16968
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -19111,16 +19057,6 @@
19111 19057
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
19112 19058
       "license": "MIT"
19113 19059
     },
19114
-    "node_modules/tiny-invariant": {
19115
-      "version": "1.2.0",
19116
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz",
19117
-      "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg=="
19118
-    },
19119
-    "node_modules/tiny-warning": {
19120
-      "version": "1.0.3",
19121
-      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
19122
-      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
19123
-    },
19124 19060
     "node_modules/tmpl": {
19125 19061
       "version": "1.0.4",
19126 19062
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.4.tgz",
@@ -19783,11 +19719,6 @@
19783 19719
         "spdx-expression-parse": "^3.0.0"
19784 19720
       }
19785 19721
     },
19786
-    "node_modules/value-equal": {
19787
-      "version": "1.0.1",
19788
-      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
19789
-      "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
19790
-    },
19791 19722
     "node_modules/vary": {
19792 19723
       "version": "1.1.2",
19793 19724
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -28425,16 +28356,11 @@
28425 28356
       "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ=="
28426 28357
     },
28427 28358
     "history": {
28428
-      "version": "4.10.1",
28429
-      "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
28430
-      "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
28359
+      "version": "5.1.0",
28360
+      "resolved": "https://registry.npmjs.org/history/-/history-5.1.0.tgz",
28361
+      "integrity": "sha512-zPuQgPacm2vH2xdORvGGz1wQMuHSIB56yNAy5FnLuwOwgSYyPKptJtcMm6Ev+hRGeS+GzhbmRacHzvlESbFwDg==",
28431 28362
       "requires": {
28432
-        "@babel/runtime": "^7.1.2",
28433
-        "loose-envify": "^1.2.0",
28434
-        "resolve-pathname": "^3.0.0",
28435
-        "tiny-invariant": "^1.0.2",
28436
-        "tiny-warning": "^1.0.0",
28437
-        "value-equal": "^1.0.1"
28363
+        "@babel/runtime": "^7.7.6"
28438 28364
       }
28439 28365
     },
28440 28366
     "hmac-drbg": {
@@ -30314,15 +30240,6 @@
30314 30240
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
30315 30241
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg=="
30316 30242
     },
30317
-    "mini-create-react-context": {
30318
-      "version": "0.4.1",
30319
-      "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
30320
-      "integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
30321
-      "requires": {
30322
-        "@babel/runtime": "^7.12.1",
30323
-        "tiny-warning": "^1.0.3"
30324
-      }
30325
-    },
30326 30243
     "mini-css-extract-plugin": {
30327 30244
       "version": "0.11.3",
30328 30245
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz",
@@ -32602,54 +32519,20 @@
32602 32519
       "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
32603 32520
     },
32604 32521
     "react-router": {
32605
-      "version": "5.2.1",
32606
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.1.tgz",
32607
-      "integrity": "sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ==",
32522
+      "version": "6.0.2",
32523
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.0.2.tgz",
32524
+      "integrity": "sha512-8/Wm3Ed8t7TuedXjAvV39+c8j0vwrI5qVsYqjFr5WkJjsJpEvNSoLRUbtqSEYzqaTUj1IV+sbPJxvO+accvU0Q==",
32608 32525
       "requires": {
32609
-        "@babel/runtime": "^7.12.13",
32610
-        "history": "^4.9.0",
32611
-        "hoist-non-react-statics": "^3.1.0",
32612
-        "loose-envify": "^1.3.1",
32613
-        "mini-create-react-context": "^0.4.0",
32614
-        "path-to-regexp": "^1.7.0",
32615
-        "prop-types": "^15.6.2",
32616
-        "react-is": "^16.6.0",
32617
-        "tiny-invariant": "^1.0.2",
32618
-        "tiny-warning": "^1.0.0"
32619
-      },
32620
-      "dependencies": {
32621
-        "isarray": {
32622
-          "version": "0.0.1",
32623
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
32624
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
32625
-        },
32626
-        "path-to-regexp": {
32627
-          "version": "1.8.0",
32628
-          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
32629
-          "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
32630
-          "requires": {
32631
-            "isarray": "0.0.1"
32632
-          }
32633
-        },
32634
-        "react-is": {
32635
-          "version": "16.13.1",
32636
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
32637
-          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
32638
-        }
32526
+        "history": "^5.1.0"
32639 32527
       }
32640 32528
     },
32641 32529
     "react-router-dom": {
32642
-      "version": "5.3.0",
32643
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.3.0.tgz",
32644
-      "integrity": "sha512-ObVBLjUZsphUUMVycibxgMdh5jJ1e3o+KpAZBVeHcNQZ4W+uUGGWsokurzlF4YOldQYRQL4y6yFRWM4m3svmuQ==",
32530
+      "version": "6.0.2",
32531
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.0.2.tgz",
32532
+      "integrity": "sha512-cOpJ4B6raFutr0EG8O/M2fEoyQmwvZWomf1c6W2YXBZuFBx8oTk/zqjXghwScyhfrtnt0lANXV2182NQblRxFA==",
32645 32533
       "requires": {
32646
-        "@babel/runtime": "^7.12.13",
32647
-        "history": "^4.9.0",
32648
-        "loose-envify": "^1.3.1",
32649
-        "prop-types": "^15.6.2",
32650
-        "react-router": "5.2.1",
32651
-        "tiny-invariant": "^1.0.2",
32652
-        "tiny-warning": "^1.0.0"
32534
+        "history": "^5.1.0",
32535
+        "react-router": "6.0.2"
32653 32536
       }
32654 32537
     },
32655 32538
     "react-scripts": {
@@ -33326,11 +33209,6 @@
33326 33209
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
33327 33210
       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
33328 33211
     },
33329
-    "resolve-pathname": {
33330
-      "version": "3.0.0",
33331
-      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
33332
-      "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
33333
-    },
33334 33212
     "resolve-url": {
33335 33213
       "version": "0.2.1",
33336 33214
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -34844,16 +34722,6 @@
34844 34722
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
34845 34723
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q="
34846 34724
     },
34847
-    "tiny-invariant": {
34848
-      "version": "1.2.0",
34849
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz",
34850
-      "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg=="
34851
-    },
34852
-    "tiny-warning": {
34853
-      "version": "1.0.3",
34854
-      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
34855
-      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
34856
-    },
34857 34725
     "tmpl": {
34858 34726
       "version": "1.0.4",
34859 34727
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.4.tgz",
@@ -35327,11 +35195,6 @@
35327 35195
         "spdx-expression-parse": "^3.0.0"
35328 35196
       }
35329 35197
     },
35330
-    "value-equal": {
35331
-      "version": "1.0.1",
35332
-      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
35333
-      "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
35334
-    },
35335 35198
     "vary": {
35336 35199
       "version": "1.1.2",
35337 35200
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",

+ 1 - 1
psicoadmin/package.json

@@ -14,7 +14,7 @@
14 14
     "react": "^17.0.2",
15 15
     "react-bootstrap": "^2.0.2",
16 16
     "react-dom": "^17.0.2",
17
-    "react-router-dom": "^5.3.0",
17
+    "react-router-dom": "^6.0.2",
18 18
     "react-scripts": "4.0.3",
19 19
     "web-vitals": "^1.0.1"
20 20
   },

+ 8 - 10
psicoadmin/src/Components/PrivateRoute.js

@@ -1,16 +1,14 @@
1
-import { Route, Redirect } from 'react-router-dom';
1
+import { Navigate } from 'react-router-dom';
2 2
 import useAuth from '../Auth/useAuth';
3 3
 import React from 'react'
4 4
 
5
-export const PrivateRoute = ({ component, ...rest }) => {
5
+export const PrivateRoute= ({ children}) => {
6 6
     let auth = useAuth();
7
-    
8
-    return(
9
-        <React.Fragment>
10
-            { auth.isLogged() ? <Route {...rest} component={component} /> : <Redirect to='/privada' /> }
11
-        </React.Fragment>
12
-    )
13
-
14
-}
7
+    const isAuthenticated = auth.isLogged();
15 8
 
9
+    if (isAuthenticated) {
10
+        return children
11
+    }
16 12
 
13
+    return <Navigate to="/" />
14
+}

+ 22 - 11
psicoadmin/src/Components/Routes.js

@@ -1,11 +1,9 @@
1 1
 import { Button } from "react-bootstrap";
2
-import { BrowserRouter as Routes, Route, Switch, useHistory} from "react-router-dom";
2
+import { Routes, Route, useNavigate} from "react-router-dom";
3 3
 import useAuth from '../Auth/useAuth';
4 4
 import {PrivateRoute} from "./PrivateRoute";
5 5
 import Dashboard from "./Dashboard";
6 6
 
7
-
8
-
9 7
 function Privada () {
10 8
     return (
11 9
         <div>
@@ -17,13 +15,13 @@ function Privada () {
17 15
 function Login () {
18 16
     
19 17
     let auth = useAuth();
20
-    let history = useHistory()
18
+    let navigate = useNavigate()
21 19
 
22 20
 
23 21
     function In () {
24 22
         auth.login({ name : 'edgar', id : 1 })
25 23
         console.log('is logged ? ',auth.isLogged())
26
-        history.push('/dashboard')
24
+        navigate('/dashboard')
27 25
         //{/* return <Redirect to="/dashboard"/> */}
28 26
     }
29 27
 
@@ -40,18 +38,31 @@ function Login () {
40 38
     )
41 39
 }
42 40
 
41
+function NotFound() {
42
+    return (
43
+        <div>
44
+            <h1>404 NOT FOUND</h1>
45
+        </div>
46
+    );
47
+}
48
+
43 49
 
44 50
 export default function MyRoutes () {
45 51
     return(
46 52
         <Routes>
47
-            <Switch>
53
+            <Route exact path="/" element={<Login/>}/>
54
+            <Route exact path="/privada" element={<Privada/>}/>
48 55
 
49
-                <Route exact path="/" component={Login}/>
50
-                <Route exact path="/privada" component={Privada}/>
51
-                <PrivateRoute exact component={Dashboard} path="/dashboard" />
52
-                <Route path="*"> <h1>404 Not Found</h1> </Route>
53
-            </Switch>
56
+            <Route
57
+                path="/dashboard"
58
+                element={
59
+                    <PrivateRoute>
60
+                        <Dashboard />
61
+                    </PrivateRoute>
62
+                }
63
+            />
54 64
 
65
+            <Route exact path="*" element={<NotFound/>}/>
55 66
         </Routes>
56 67
     )
57 68
 }

+ 1 - 1
psicoadmin/src/Components/listItems.js

@@ -97,7 +97,7 @@ export const MainListItems = () =>  {
97 97
         setSelectedIndex(index);
98 98
     };
99 99
 
100
-    const [open, setOpen] = React.useState(true);
100
+    const [open, setOpen] = React.useState(false);
101 101
 
102 102
     const showPruebas = () => {
103 103
         setOpen(!open);

+ 22 - 86
psicoadmin/yarn.lock

@@ -1131,7 +1131,7 @@
1131 1131
     "core-js-pure" "^3.0.0"
1132 1132
     "regenerator-runtime" "^0.13.4"
1133 1133
 
1134
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.13.16", "@babel/runtime@^7.14.0", "@babel/runtime@^7.16.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
1134
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.13.16", "@babel/runtime@^7.14.0", "@babel/runtime@^7.16.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
1135 1135
   "integrity" "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ=="
1136 1136
   "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz"
1137 1137
   "version" "7.16.3"
@@ -5896,17 +5896,12 @@
5896 5896
   "resolved" "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz"
5897 5897
   "version" "1.1.0"
5898 5898
 
5899
-"history@^4.9.0":
5900
-  "integrity" "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew=="
5901
-  "resolved" "https://registry.npmjs.org/history/-/history-4.10.1.tgz"
5902
-  "version" "4.10.1"
5899
+"history@^5.1.0":
5900
+  "integrity" "sha512-zPuQgPacm2vH2xdORvGGz1wQMuHSIB56yNAy5FnLuwOwgSYyPKptJtcMm6Ev+hRGeS+GzhbmRacHzvlESbFwDg=="
5901
+  "resolved" "https://registry.npmjs.org/history/-/history-5.1.0.tgz"
5902
+  "version" "5.1.0"
5903 5903
   dependencies:
5904
-    "@babel/runtime" "^7.1.2"
5905
-    "loose-envify" "^1.2.0"
5906
-    "resolve-pathname" "^3.0.0"
5907
-    "tiny-invariant" "^1.0.2"
5908
-    "tiny-warning" "^1.0.0"
5909
-    "value-equal" "^1.0.1"
5904
+    "@babel/runtime" "^7.7.6"
5910 5905
 
5911 5906
 "hmac-drbg@^1.0.1":
5912 5907
   "integrity" "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE="
@@ -5917,7 +5912,7 @@
5917 5912
     "minimalistic-assert" "^1.0.0"
5918 5913
     "minimalistic-crypto-utils" "^1.0.1"
5919 5914
 
5920
-"hoist-non-react-statics@^3.1.0", "hoist-non-react-statics@^3.3.1", "hoist-non-react-statics@^3.3.2":
5915
+"hoist-non-react-statics@^3.3.1", "hoist-non-react-statics@^3.3.2":
5921 5916
   "integrity" "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="
5922 5917
   "resolved" "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
5923 5918
   "version" "3.3.2"
@@ -6613,11 +6608,6 @@
6613 6608
   "resolved" "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
6614 6609
   "version" "1.0.0"
6615 6610
 
6616
-"isarray@0.0.1":
6617
-  "integrity" "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
6618
-  "resolved" "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz"
6619
-  "version" "0.0.1"
6620
-
6621 6611
 "isexe@^2.0.0":
6622 6612
   "integrity" "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
6623 6613
   "resolved" "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
@@ -7509,7 +7499,7 @@
7509 7499
   "resolved" "https://registry.npmjs.org/loglevel/-/loglevel-1.7.1.tgz"
7510 7500
   "version" "1.7.1"
7511 7501
 
7512
-"loose-envify@^1.0.0", "loose-envify@^1.1.0", "loose-envify@^1.2.0", "loose-envify@^1.3.1", "loose-envify@^1.4.0":
7502
+"loose-envify@^1.0.0", "loose-envify@^1.1.0", "loose-envify@^1.4.0":
7513 7503
   "integrity" "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="
7514 7504
   "resolved" "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
7515 7505
   "version" "1.4.0"
@@ -7734,14 +7724,6 @@
7734 7724
   "resolved" "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz"
7735 7725
   "version" "1.0.1"
7736 7726
 
7737
-"mini-create-react-context@^0.4.0":
7738
-  "integrity" "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ=="
7739
-  "resolved" "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz"
7740
-  "version" "0.4.1"
7741
-  dependencies:
7742
-    "@babel/runtime" "^7.12.1"
7743
-    "tiny-warning" "^1.0.3"
7744
-
7745 7727
 "mini-css-extract-plugin@0.11.3":
7746 7728
   "integrity" "sha512-n9BA8LonkOkW1/zn+IbLPQmovsL0wMb9yx75fMJQZf2X1Zoec9yTZtyMePcyu19wPkmFbzZZA6fLTotpFhQsOA=="
7747 7729
   "resolved" "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz"
@@ -8501,13 +8483,6 @@
8501 8483
   "resolved" "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz"
8502 8484
   "version" "1.0.6"
8503 8485
 
8504
-"path-to-regexp@^1.7.0":
8505
-  "integrity" "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA=="
8506
-  "resolved" "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz"
8507
-  "version" "1.8.0"
8508
-  dependencies:
8509
-    "isarray" "0.0.1"
8510
-
8511 8486
 "path-to-regexp@0.1.7":
8512 8487
   "integrity" "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
8513 8488
   "resolved" "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz"
@@ -9408,7 +9383,7 @@
9408 9383
     "react-is" "^16.3.2"
9409 9384
     "warning" "^4.0.0"
9410 9385
 
9411
-"prop-types@^15.0.0", "prop-types@^15.6.2", "prop-types@^15.7.2":
9386
+"prop-types@^15.6.2", "prop-types@^15.7.2":
9412 9387
   "integrity" "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ=="
9413 9388
   "resolved" "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz"
9414 9389
   "version" "15.7.2"
@@ -9637,7 +9612,7 @@
9637 9612
     "strip-ansi" "6.0.0"
9638 9613
     "text-table" "0.2.0"
9639 9614
 
9640
-"react-dom@*", "react-dom@^17.0.2", "react-dom@>=16.14.0", "react-dom@>=16.6.0":
9615
+"react-dom@*", "react-dom@^17.0.2", "react-dom@>=16.14.0", "react-dom@>=16.6.0", "react-dom@>=16.8":
9641 9616
   "integrity" "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA=="
9642 9617
   "resolved" "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz"
9643 9618
   "version" "17.0.2"
@@ -9656,11 +9631,6 @@
9656 9631
   "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
9657 9632
   "version" "16.13.1"
9658 9633
 
9659
-"react-is@^16.6.0":
9660
-  "integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
9661
-  "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
9662
-  "version" "16.13.1"
9663
-
9664 9634
 "react-is@^16.7.0":
9665 9635
   "integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
9666 9636
   "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -9686,34 +9656,20 @@
9686 9656
   "resolved" "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz"
9687 9657
   "version" "0.8.3"
9688 9658
 
9689
-"react-router-dom@^5.3.0":
9690
-  "integrity" "sha512-ObVBLjUZsphUUMVycibxgMdh5jJ1e3o+KpAZBVeHcNQZ4W+uUGGWsokurzlF4YOldQYRQL4y6yFRWM4m3svmuQ=="
9691
-  "resolved" "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.3.0.tgz"
9692
-  "version" "5.3.0"
9659
+"react-router-dom@^6.0.2":
9660
+  "integrity" "sha512-cOpJ4B6raFutr0EG8O/M2fEoyQmwvZWomf1c6W2YXBZuFBx8oTk/zqjXghwScyhfrtnt0lANXV2182NQblRxFA=="
9661
+  "resolved" "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.0.2.tgz"
9662
+  "version" "6.0.2"
9693 9663
   dependencies:
9694
-    "@babel/runtime" "^7.12.13"
9695
-    "history" "^4.9.0"
9696
-    "loose-envify" "^1.3.1"
9697
-    "prop-types" "^15.6.2"
9698
-    "react-router" "5.2.1"
9699
-    "tiny-invariant" "^1.0.2"
9700
-    "tiny-warning" "^1.0.0"
9664
+    "history" "^5.1.0"
9665
+    "react-router" "6.0.2"
9701 9666
 
9702
-"react-router@5.2.1":
9703
-  "integrity" "sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ=="
9704
-  "resolved" "https://registry.npmjs.org/react-router/-/react-router-5.2.1.tgz"
9705
-  "version" "5.2.1"
9667
+"react-router@6.0.2":
9668
+  "integrity" "sha512-8/Wm3Ed8t7TuedXjAvV39+c8j0vwrI5qVsYqjFr5WkJjsJpEvNSoLRUbtqSEYzqaTUj1IV+sbPJxvO+accvU0Q=="
9669
+  "resolved" "https://registry.npmjs.org/react-router/-/react-router-6.0.2.tgz"
9670
+  "version" "6.0.2"
9706 9671
   dependencies:
9707
-    "@babel/runtime" "^7.12.13"
9708
-    "history" "^4.9.0"
9709
-    "hoist-non-react-statics" "^3.1.0"
9710
-    "loose-envify" "^1.3.1"
9711
-    "mini-create-react-context" "^0.4.0"
9712
-    "path-to-regexp" "^1.7.0"
9713
-    "prop-types" "^15.6.2"
9714
-    "react-is" "^16.6.0"
9715
-    "tiny-invariant" "^1.0.2"
9716
-    "tiny-warning" "^1.0.0"
9672
+    "history" "^5.1.0"
9717 9673
 
9718 9674
 "react-scripts@4.0.3":
9719 9675
   "integrity" "sha512-S5eO4vjUzUisvkIPB7jVsKtuH2HhWcASREYWHAQ1FP5HyCv3xgn+wpILAEWkmy+A+tTNbSZClhxjT3qz6g4L1A=="
@@ -9791,7 +9747,7 @@
9791 9747
     "loose-envify" "^1.4.0"
9792 9748
     "prop-types" "^15.6.2"
9793 9749
 
9794
-"react@*", "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0", "react@^16.8.0 || ^17.0.0-rc.1", "react@^17.0.2", "react@>= 16", "react@>=0.14.0", "react@>=15", "react@>=15.0.0", "react@>=16.14.0", "react@>=16.3.2", "react@>=16.6.0", "react@>=16.8.0", "react@17.0.2":
9750
+"react@*", "react@^16.8.0 || ^17.0.0-rc.1", "react@^17.0.2", "react@>= 16", "react@>=0.14.0", "react@>=15.0.0", "react@>=16.14.0", "react@>=16.3.2", "react@>=16.6.0", "react@>=16.8", "react@>=16.8.0", "react@17.0.2":
9795 9751
   "integrity" "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA=="
9796 9752
   "resolved" "https://registry.npmjs.org/react/-/react-17.0.2.tgz"
9797 9753
   "version" "17.0.2"
@@ -10107,11 +10063,6 @@
10107 10063
   "resolved" "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz"
10108 10064
   "version" "5.0.0"
10109 10065
 
10110
-"resolve-pathname@^3.0.0":
10111
-  "integrity" "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
10112
-  "resolved" "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz"
10113
-  "version" "3.0.0"
10114
-
10115 10066
 "resolve-url-loader@^3.1.2":
10116 10067
   "integrity" "sha512-QEb4A76c8Mi7I3xNKXlRKQSlLBwjUV/ULFMP+G7n3/7tJZ8MG5wsZ3ucxP1Jz8Vevn6fnJsxDx9cIls+utGzPQ=="
10117 10068
   "resolved" "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-3.1.2.tgz"
@@ -11290,16 +11241,6 @@
11290 11241
   "resolved" "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz"
11291 11242
   "version" "0.3.0"
11292 11243
 
11293
-"tiny-invariant@^1.0.2":
11294
-  "integrity" "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg=="
11295
-  "resolved" "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz"
11296
-  "version" "1.2.0"
11297
-
11298
-"tiny-warning@^1.0.0", "tiny-warning@^1.0.3":
11299
-  "integrity" "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
11300
-  "resolved" "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz"
11301
-  "version" "1.0.3"
11302
-
11303 11244
 "tmpl@1.0.x":
11304 11245
   "integrity" "sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE="
11305 11246
   "resolved" "https://registry.npmjs.org/tmpl/-/tmpl-1.0.4.tgz"
@@ -11739,11 +11680,6 @@
11739 11680
     "spdx-correct" "^3.0.0"
11740 11681
     "spdx-expression-parse" "^3.0.0"
11741 11682
 
11742
-"value-equal@^1.0.1":
11743
-  "integrity" "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
11744
-  "resolved" "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz"
11745
-  "version" "1.0.1"
11746
-
11747 11683
 "vary@~1.1.2":
11748 11684
   "integrity" "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
11749 11685
   "resolved" "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"