add popup, disable creating lists

.nvmrc

@@ -1 +1 @@
-16.20.0
+18.18.2

package.json

@@ -3,16 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@the-collab-lab/shopping-list-utils": "^2.2.0",
     "dayjs": "^1.8.17",
     "firebase": "^7.3.0",
     "husky": "^3.1.0",
     "lint-staged": "^9.5.0",
     "prettier": "^1.19.1",
-    "react": "^16.11.0",
-    "react-dom": "^16.11.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-firestore": "^1.0.1",
-    "react-router-dom": "^5.1.2",
-    "react-scripts": "3.2.0"
+    "react-router-dom": "^5.1.2"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -48,6 +48,7 @@
     ]
   },
   "devDependencies": {
-    "cypress": "^3.8.0"
+    "cypress": "^3.8.0",
+    "react-scripts": "5.0.0"
   }
 }

src/component/FetchItems.js

@@ -4,8 +4,7 @@ import { withFirestore, FirestoreCollection } from 'react-firestore';
 import Navbar from './Navbar';
 import dayjs from 'dayjs';
 import ListContents from './ListContents';
-import shoppingCartIllustration from '../lib/images/shopping-cart-illustration2.svg';
-// import shoppingCartIcon from '../lib/images/shoppingcart-icon.png';
+import shoppingCartIllustration from '../lib/images/shopping-cart-illustration.svg';
 import TopBar from './TopBar';
 
 const FetchItems = ({ token, setToken, firestore }) => {

src/component/GetToken.js

@@ -1,13 +1,12 @@
 import React from 'react';
-import { Redirect } from 'react-router-dom';
-import getToken from '../token';
 
 const GetToken = ({ token, setToken }) => {
   const onButtonClickHandler = () => {
-    const uniqueToken = getToken();
-    localStorage.setItem('uniqueToken', uniqueToken);
-    setToken(localStorage.getItem('uniqueToken'));
-    return <Redirect to="/list" />;
+    // const uniqueToken = 'the collab lab';
+    // localStorage.setItem('uniqueToken', uniqueToken);
+    // setToken(localStorage.getItem('uniqueToken'));
+    // return <Redirect to="/list" />;
+    console.log('Creating new lists is no longer supported.');
   };
 
   return (

src/component/Home.js

@@ -2,7 +2,7 @@ import React from 'react';
 import GetToken from './GetToken';
 import { Link } from 'react-router-dom';
 import ProjectInfo from './ProjectInfo';
-import homeIllustration from '../lib/images/list_illustration_2.svg';
+import homeIllustration from '../lib/images/list_illustration_1.svg';
 
 function Home({ token, setToken }) {
   return (

src/component/Router.js

@@ -7,6 +7,7 @@ import AddItem from './AddItem';
 import JoinList from './JoinList';
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
 import ItemDetails from './ItemDetails';
+import { ArchivalNoticeModal } from '@the-collab-lab/shopping-list-utils';
 
 function RouterComponent() {
   const [token, setToken] = useState(localStorage.getItem('uniqueToken'));
@@ -28,7 +29,10 @@ function RouterComponent() {
         </Route>
         <Route path="">
           {token === null ? (
-            <Home token={token} setToken={setToken} />
+            <>
+              <ArchivalNoticeModal />
+              <Home token={token} setToken={setToken} />
+            </>
           ) : (
             <FetchItems token={token} setToken={setToken} />
           )}