Update

React/test-feedback/src/components/feed/FeedForm.js

@@ -29,19 +29,23 @@ 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}
             type="text"
             value={text}
             placeholder="Write a review"
           />
-          <Button type={'submit'} isDisabled={isDisabled} >
+          <Button type = 'submit' isDisabled={isDisabled} >
             Send
           </Button>
         </div>

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>
         )

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>
   )

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 (