From d842afaf84944323894048c7eb0c7d44232ae6b2 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 15:48:05 -0500 Subject: [PATCH 01/13] full name added --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 891dcb4d..064ecfe4 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ ## Personal Information: -Full Name: Enter Your Full Name +Full Name: Andy Yu ## Getting Started First, fork this repository and clone it to your local machine. From a5764e93fab5ce3975e1044ef6dc88bd54dc170d Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:07:13 -0500 Subject: [PATCH 02/13] multi-line return fixed --- src/pages/qcomps/profile_mistake.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/pages/qcomps/profile_mistake.js b/src/pages/qcomps/profile_mistake.js index ac318d70..50d1b6a8 100644 --- a/src/pages/qcomps/profile_mistake.js +++ b/src/pages/qcomps/profile_mistake.js @@ -1,4 +1,7 @@ export default function profile() { - return - Katsuko Saruhashi; + return ( + Katsuko Saruhashi); } From 5d236b57873cc0bcfecd6faceeeaee47258ecb0b Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:10:54 -0500 Subject: [PATCH 03/13] implemented first component --- src/pages/qcomps/firstcomp.js | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/pages/qcomps/firstcomp.js b/src/pages/qcomps/firstcomp.js index 9cce715e..dc46e992 100644 --- a/src/pages/qcomps/firstcomp.js +++ b/src/pages/qcomps/firstcomp.js @@ -1 +1,12 @@ -function MyComp() {} \ No newline at end of file +export default function MyComp() { + return ( +
+

My first component

+
    +
  1. Components: UI Building Block
    2. +
  2. Defining a Component
    3. +
  3. Using a component
    4. +
+
+ ) +}; \ No newline at end of file From d1d90e91c73750e1638613ec0ce5bbd10392f9ff Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:17:01 -0500 Subject: [PATCH 04/13] moved code into a single root tag --- src/pages/qcomps/bios.js | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/src/pages/qcomps/bios.js b/src/pages/qcomps/bios.js index cc9350fd..a48eef8f 100644 --- a/src/pages/qcomps/bios.js +++ b/src/pages/qcomps/bios.js @@ -1,12 +1,15 @@ export default function Bio() { return ( -
-

Welcome to my website!

+
+
+

Welcome to my website!

+
+ +

+

You can find my thoughts here.

+

+ And pictures of people! +

-

- You can find my thoughts here. -

- And pictures of people! -

); } \ No newline at end of file From 130131e9b7cae2781ed092c9514e239956161579 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:25:45 -0500 Subject: [PATCH 05/13] component attributes put inside {} --- src/pages/qcomps/todos.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/qcomps/todos.js b/src/pages/qcomps/todos.js index 99713488..05ab58d2 100644 --- a/src/pages/qcomps/todos.js +++ b/src/pages/qcomps/todos.js @@ -14,8 +14,8 @@ export default function TodoList() {

Person Name's Todos

Person's Name
); From 472217d6bba301e755f2c677e20bb6f70b890a04 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:26:07 -0500 Subject: [PATCH 06/13] fixed typo --- src/pages/qcomps/todos.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/qcomps/todos.js b/src/pages/qcomps/todos.js index 05ab58d2..6eb2f57d 100644 --- a/src/pages/qcomps/todos.js +++ b/src/pages/qcomps/todos.js @@ -15,7 +15,7 @@ export default function TodoList() {

Person Name's Todos

{person.Name}
); From 5adb60ba17b88fccf41a942e87609816b31f0567 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 16:49:37 -0500 Subject: [PATCH 07/13] attempted to refactor components --- src/pages/qcomps/gallery_props.js | 33 ++++++++++++++++++++++++------- 1 file changed, 26 insertions(+), 7 deletions(-) diff --git a/src/pages/qcomps/gallery_props.js b/src/pages/qcomps/gallery_props.js index fc118123..e9e9f9ab 100644 --- a/src/pages/qcomps/gallery_props.js +++ b/src/pages/qcomps/gallery_props.js @@ -1,16 +1,35 @@ +function Profile({scientist, size=100}) { + return ( +
+

{scientist.name}

+ {person.name} + +
+ ) +} + +// scientist object to store profession, awards, etc. + export default function Gallery() { return (

Notable Scientists

Maria Skłodowska-Curie

- Maria Skłodowska-Curie +
  • Profession: From f7a59828fbbb3888f66067fcbb17e301559dccbd Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 9 Feb 2024 17:00:58 -0500 Subject: [PATCH 08/13] strikethrough --- src/pages/qcomps/props_item.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/qcomps/props_item.js b/src/pages/qcomps/props_item.js index 79a9e151..eb80d9af 100644 --- a/src/pages/qcomps/props_item.js +++ b/src/pages/qcomps/props_item.js @@ -1,6 +1,6 @@ function Item({ name, isPacked }) { if (isPacked) { - return
  • {name} ✔
    • ; + return
  • {name}
    • ; } return
  • {name}
    • } From 35fc00b58d57978ae40f87ce09a6bbc8d3f8c508 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 16 Feb 2024 15:50:09 -0500 Subject: [PATCH 09/13] implemented --- src/pages/qcomps/list_keys_id.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/qcomps/list_keys_id.js b/src/pages/qcomps/list_keys_id.js index f10c9b88..3ab10759 100644 --- a/src/pages/qcomps/list_keys_id.js +++ b/src/pages/qcomps/list_keys_id.js @@ -18,6 +18,7 @@ function getImageUrl(imageId) { export default function List() { const listItems = people.map(person =>
  • +
    • ); return
      {listItems}
    ; From 4f191f82c1abfbd7304b9b36e8d3ee4aa88ba48d Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 16 Feb 2024 16:01:39 -0500 Subject: [PATCH 10/13] attempt to refactor --- src/pages/qcomps/recipes.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/pages/qcomps/recipes.js b/src/pages/qcomps/recipes.js index 37803925..45d309c9 100644 --- a/src/pages/qcomps/recipes.js +++ b/src/pages/qcomps/recipes.js @@ -16,7 +16,15 @@ export default function RecipeList() { return (

    Recipes

    - {} + {recipes.map((recipe) => +
    +

    {recipe.name}

    + {ul} + {Array.from{recipe.ingredients).map(ingredient) => +
  • + {ingredient} +
    • }} + )}
    ); } \ No newline at end of file From 8db696fdb363deaa0868288da4d8e217a6980391 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 16 Feb 2024 16:26:40 -0500 Subject: [PATCH 11/13] added index range check --- src/pages/qcomps/state.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/pages/qcomps/state.js b/src/pages/qcomps/state.js index 35953a6a..f44f14d5 100644 --- a/src/pages/qcomps/state.js +++ b/src/pages/qcomps/state.js @@ -6,7 +6,11 @@ export default function Gallery() { const [showMore, setShowMore] = useState(false); function handleNextClick() { - setIndex(index + 1); + if (index < sculptureList.length - 1) { + setIndex(index + 1); + } else { + setIndex(0); + } } function handleMoreClick() { From dee68539b3239962aacf84bf90f4e350956495e8 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 16 Feb 2024 16:37:57 -0500 Subject: [PATCH 12/13] used setters --- src/pages/qcomps/stuckForm.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/qcomps/stuckForm.js b/src/pages/qcomps/stuckForm.js index 7cc952e0..f250c530 100644 --- a/src/pages/qcomps/stuckForm.js +++ b/src/pages/qcomps/stuckForm.js @@ -1,20 +1,20 @@ import { useState } from 'react'; export default function Form() { - let firstName = ''; - let lastName = ''; + const [firstName, setFirstName] = useState(''); + const [lastName, setLastName] = useState(''); function handleFirstNameChange(e) { - firstName = e.target.value; + setFirstName(e.target.value); } function handleLastNameChange(e) { - lastName = e.target.value; + setLastName(e.target.value); } function handleReset() { - firstName = ''; - lastName = ''; + setFirstName(''); + setLastName(''); } return ( From 01dff3661f2e6677f4efdfcd4ef074bcc2ca39b5 Mon Sep 17 00:00:00 2001 From: anzyu-neu <122393965+anzyu-neu@users.noreply.github.com> Date: Fri, 16 Feb 2024 16:42:29 -0500 Subject: [PATCH 13/13] moved state definition outside of else clause --- src/pages/qcomps/thankYouCrash.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pages/qcomps/thankYouCrash.js b/src/pages/qcomps/thankYouCrash.js index 07e1ba52..f3534082 100644 --- a/src/pages/qcomps/thankYouCrash.js +++ b/src/pages/qcomps/thankYouCrash.js @@ -2,11 +2,13 @@ import { useState } from 'react'; export default function FeedbackForm() { const [isSent, setIsSent] = useState(false); + const [message, setMessage] = useState(''); + if (isSent) { return

    Thank you!

    ; } else { // eslint-disable-next-line - const [message, setMessage] = useState(''); + // const [message, setMessage] = useState(''); return (
    { e.preventDefault();