From d48f6e55b92223a71f50abec90f8294f1ad40d44 Mon Sep 17 00:00:00 2001
From: jin-co <lilijk@hanmail.net>
Date: Thu, 9 May 2024 09:55:59 +0900
Subject: [PATCH] Update

---
 React/test-feedback/src/components/feed/FeedForm.js   | 8 ++++++--
 React/test-feedback/src/components/feed/FeedRating.js | 9 +++++++--
 React/test-feedback/src/components/shared/Button.js   | 8 +++-----
 React/test-feedback/src/pages/Home.js                 | 5 ++---
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/React/test-feedback/src/components/feed/FeedForm.js b/React/test-feedback/src/components/feed/FeedForm.js
index eee9050da..040711d22 100644
--- a/React/test-feedback/src/components/feed/FeedForm.js
+++ b/React/test-feedback/src/components/feed/FeedForm.js
@@ -29,11 +29,15 @@ export const FeedForm = (props) => {
     }
   }
 
+  const handleRating = (e) => {
+    console.log(e)
+  }
+
   return (
     <Card>
       <form onSubmit={handleSubmit} >
         <h2>How would you rate your service with us?</h2>
-        <FeedRating onChange={(e) => setRating(e.rating)} />
+        <FeedRating setRating = {(rating) => setRating(rating)} />
         <div className="input-group">
           <input
             onChange={handleChange}
@@ -41,7 +45,7 @@ export const FeedForm = (props) => {
             value={text}
             placeholder="Write a review"
           />
-          <Button type={'submit'} isDisabled={isDisabled} >
+          <Button type = 'submit' isDisabled={isDisabled} >
             Send
           </Button>
         </div>
diff --git a/React/test-feedback/src/components/feed/FeedRating.js b/React/test-feedback/src/components/feed/FeedRating.js
index 769ea7f7d..a559d9662 100644
--- a/React/test-feedback/src/components/feed/FeedRating.js
+++ b/React/test-feedback/src/components/feed/FeedRating.js
@@ -1,15 +1,20 @@
 import React, { useState } from 'react'
 
 export const FeedRating = (props) => {
-  const [rating, setRating] = useState()
+  // const [rating, setRating] = useState()
   const [selected, setSelected] = useState(10)
 
+  const handleChange = (e) => {    
+    setSelected(e.target.value)
+    props.setRating(e.target.value)
+  }
+
   return (
     <ul className='rating'>
       {
         Array.from({ length: 10 }, (_, i) => (
           <li key={i}>
-            <input type="radio" value={i + 1} id={i + 1} checked={selected == i + 1} onChange={() => setSelected(i + 1)} />
+            <input type="radio" value={i + 1} id={i + 1} checked={selected == i + 1} onChange={handleChange} />
             <label htmlFor={i + 1}>{i + 1}</label>
           </li>
         )
diff --git a/React/test-feedback/src/components/shared/Button.js b/React/test-feedback/src/components/shared/Button.js
index 412572420..88c18cf22 100644
--- a/React/test-feedback/src/components/shared/Button.js
+++ b/React/test-feedback/src/components/shared/Button.js
@@ -1,11 +1,9 @@
 import React, { useEffect } from 'react'
 
-export const Button = (props, { version = 'secondary', type = 'button' }) => {
-  useEffect(() => {
-    console.log(version, type)
-  }, [])
+export const Button = (props, { version = 'primary', type = 'button' }) => {
+
   return (
-    <button type={type} disabled={props.isDisabled} className={`btn btn-${version}`}>
+    <button type={props.type ? props.type : type} disabled={props.isDisabled} className={`btn btn-${props.version ? props.version : version}`}>
       {props.children}
     </button>
   )
diff --git a/React/test-feedback/src/pages/Home.js b/React/test-feedback/src/pages/Home.js
index 62faa496f..886d47f54 100644
--- a/React/test-feedback/src/pages/Home.js
+++ b/React/test-feedback/src/pages/Home.js
@@ -11,9 +11,8 @@ export const Home = () => {
     setFeed(feed.filter(f => f.id != id))
   }
 
-  const addFeed = (feed) => {
-    console.log(feed)
-    setFeed(feed.push(feed))
+  const addFeed = (newFeed) => {    
+    setFeed([newFeed, ...feed])
   }
 
   return (