From 3d582e0f68b95ce0022148e707c5fa3eec3d5985 Mon Sep 17 00:00:00 2001
From: Pauline Saveliev <paulinesaveliev@yahoo.com>
Date: Tue, 20 Feb 2024 16:36:54 -0500
Subject: [PATCH] in-class activity

---
 README.md                            |  4 +++-
 src/pages/index.js                   |  7 ++++---
 src/pages/qcomps/arrObj.js           | 12 ++++++++----
 src/pages/qcomps/artistsRemoveArr.js |  4 +++-
 src/pages/qcomps/shoppingCart.js     |  6 +++---
 src/pages/qcomps/updObjectsForm.js   |  3 ++-
 6 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 891dcb4d..696ad8de 100644
--- a/README.md
+++ b/README.md
@@ -43,4 +43,6 @@ To learn more about React.js, take a look at the [React Documentation](https://l
 
 ## What to Submit?
 
-Submit all changes made to files in `src/pages/qcomps` in Canvas class activity for the day.
\ No newline at end of file
+Submit all changes made to files in `src/pages/qcomps` in Canvas class activity for the day.
+
+02/20/24 work complete
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 69abbb64..b8258054 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,13 +1,14 @@
 // import Head from 'next/head'
 // import Image from 'next/image'
 // import { Inter } from 'next/font/google'
-import styles from '@/styles/Home.module.css'
-import Profile from './components/profile'
+import styles from'@/styles/Home.module.css'
+import Form1 from './components/artistsArr.js'
+import Form2 from './qcomps/arrObj.js'
 
 export default function Home() {
   return (
     <div className={styles.main}>
-        <Profile />
+        <Form2 />
     </div>
   )
 }
diff --git a/src/pages/qcomps/arrObj.js b/src/pages/qcomps/arrObj.js
index 68d5e9c5..ccfa473e 100644
--- a/src/pages/qcomps/arrObj.js
+++ b/src/pages/qcomps/arrObj.js
@@ -10,21 +10,25 @@ const initialList = [
 export default function BucketList() {
   const [myList, setMyList] = useState(initialList);
   const [yourList, setYourList] = useState(
-    initialList
+    initialList.map((i) => {
+      return {...i}
+    })
   );
 
   function handleToggleMyList(artworkId, nextSeen) {
     const tmpList = myList.map(e => {
         if (e.id === artworkId) {
-            e.seen = nextSeen
+            return {...e, seen: nextSeen}
+        }
+        else {
+          return e
         }
-        return e
     });
     setMyList(tmpList);
   }
 
   function handleToggleYourList(artworkId, nextSeen) {
-    const tmpList = yourList.map(e => {
+    const tmpList = myList.map(e => {
         if (e.id === artworkId) {
             e.seen = nextSeen
         }
diff --git a/src/pages/qcomps/artistsRemoveArr.js b/src/pages/qcomps/artistsRemoveArr.js
index 5c4709f5..a9ce3707 100644
--- a/src/pages/qcomps/artistsRemoveArr.js
+++ b/src/pages/qcomps/artistsRemoveArr.js
@@ -19,7 +19,9 @@ export default function List() {
           <li key={artist.id}>
             {artist.name}{' '}
             <button onClick={() => {
-              artists.splice(artist.id, 1)
+              setArtists(artists.filter((obj) => {
+                  return obj.id != artist.id
+              }))
             }}>
               Delete
             </button>
diff --git a/src/pages/qcomps/shoppingCart.js b/src/pages/qcomps/shoppingCart.js
index d26decf8..3a2f7e55 100644
--- a/src/pages/qcomps/shoppingCart.js
+++ b/src/pages/qcomps/shoppingCart.js
@@ -5,10 +5,10 @@ export default function RequestTracker() {
   const [completed, setCompleted] = useState(0);
 
   async function handleClick() {
-    setPending(pending + 1);
+    setPending(p => p + 1);
     await delay(3000);
-    setPending(pending - 1);
-    setCompleted(completed + 1);
+    setPending(p => p - 1);
+    setCompleted(c => c + 1);
   }
 
   return (
diff --git a/src/pages/qcomps/updObjectsForm.js b/src/pages/qcomps/updObjectsForm.js
index c0df1e82..930f449f 100644
--- a/src/pages/qcomps/updObjectsForm.js
+++ b/src/pages/qcomps/updObjectsForm.js
@@ -20,7 +20,8 @@ export default function Scoreboard() {
 
   function handleLastNameChange(e) {
     setPlayer({
-      lastName: e.target.value
+      ...player,
+      lastName: e.target.value,
     });
   }