Project finished

src/components/FeedbackForm.jsx

@@ -21,18 +21,18 @@ function FeedbackForm() {
     }
   }, [feedbackEdit]);
 
-  const handleTextChange = ({target:{value}}) => {
+  const handleTextChange = ({ target: { value } }) => {
     if (value === "") {
       setBtnDisabled(true);
       setMessage(null);
-    } else if (value.trim().length<10){ 
+    } else if (value.trim().length < 10) {
       setMessage("Text must be at least 10 characters");
       setBtnDisabled(true);
     } else {
       setMessage(null);
       setBtnDisabled(false);
     }
-    setText(value)
+    setText(value);
   };
 
   const handleSubmit = (e) => {
@@ -42,6 +42,7 @@ function FeedbackForm() {
         text,
         rating,
       };
+      console.log(newFeedback);
       if (feedbackEdit.edit === true) {
         updateFeedback(feedbackEdit.item.id, newFeedback);
       } else {

src/components/shared/AboutIconLink.jsx

@@ -1,5 +1,6 @@
 import { Link } from "react-router-dom";
 import { FaQuestion } from "react-icons/fa";
+
 function AboutIconLink() {
   return (
     <div className="about-link">

src/components/shared/Button.jsx

@@ -1,20 +1,21 @@
-import PropTypes from 'prop-types'
-function Button ({children, version, type, isDisabled}){
-	return (
-<button type={type} disabled={isDisabled} className={`btn btn-${version}`}>
-	{children}</button>
-	)
-}
-	Button.defaultProps={
-		version: 'primavry',
-		type: 'button'
-		,
-		isDisabled:false
-	}
-Button.propTypes ={
-	children: PropTypes.node.isRequired,
-	version:PropTypes.string,
-	type:PropTypes.string,
-	isDisabled:PropTypes.bool
+import PropTypes from "prop-types";
+
+function Button({ children, version, type, isDisabled }) {
+  return (
+    <button type={type} disabled={isDisabled} className={`btn btn-${version}`}>
+      {children}
+    </button>
+  );
 }
+Button.defaultProps = {
+  version: "primavry",
+  type: "button",
+  isDisabled: false,
+};
+Button.propTypes = {
+  children: PropTypes.node.isRequired,
+  version: PropTypes.string,
+  type: PropTypes.string,
+  isDisabled: PropTypes.bool,
+};
 export default Button;

src/components/shared/Card.jsx

@@ -1,15 +1,23 @@
-import PropTypes from 'prop-types'
-function Card({children, reverse}){
-	//return (<div className={`card ${reverse && 'reverse'}`}>{children}</div>)
-	return (<div className='card' style={{backgroundColor: reverse ? 'rga(0,0,0,0.4)' :'#fff',
-			color: reverse ? '#fff' : '#000',}}>{children}</div> )
-
+import PropTypes from "prop-types";
+function Card({ children, reverse }) {
+  //return (<div className={`card ${reverse && 'reverse'}`}>{children}</div>)
+  return (
+    <div
+      className="card"
+      style={{
+        backgroundColor: reverse ? "rga(0,0,0,0.4)" : "#fff",
+        color: reverse ? "#fff" : "#000",
+      }}
+    >
+      {children}
+    </div>
+  );
 }
 Card.defaultProps = {
-	reverse:false
-}
-Card.propTypes={
-	children:PropTypes.node.isRequired,
-	reverse:PropTypes.bool
-}
+  reverse: false,
+};
+Card.propTypes = {
+  children: PropTypes.node.isRequired,
+  reverse: PropTypes.bool,
+};
 export default Card;

src/components/shared/RatingSelect.jsx

@@ -5,6 +5,7 @@ function RatingSelect({ select }) {
   const [selected, setSelected] = useState(10);
   const { feedbackEdit } = useContext(FeedbackContext);
   const handleChange = (e) => {
+    console.log(e,typeof e)
     setSelected(+e.currentTarget.value);
     select(+e.currentTarget.value);
   };

src/components/shared/Spinner.jsx

@@ -9,4 +9,4 @@ function Spinner() {
     />
   );
 }
-export default Spinner
+export default Spinner;

src/context/FeedbackContext.js

@@ -28,6 +28,7 @@ export const FeedbackProvider = ({ children }) => {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(newFeedback),
     });
+    console.log(response);
     const data = await response.json();
     setFeedback([data, ...feedback]);
   };