#19 Add favorite save feedback

src/components/FavoriteSection.js

 import React from 'react';
 import '../style/FavoriteButton.css';
 
-export default function FavoriteSection(props) {
-    return (
-        <div className="Button-container">
-            <button onClick={props.save}>Save as favorite</button>
-            <button onClick={props.open}>Open favourite</button>
-        </div>
-    );
+export default class FavoriteSection extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {showSaveFeedback: false};
+
+        this.save = this.save.bind(this);
+    }
+    
+    save = (e) => {
+        this.props.save(e);
+        this.setState({
+            showSaveFeedback: true
+        });
+        this.timerID = setInterval(
+            () => {
+                this.setState({
+                    showSaveFeedback: false
+                });
+            },
+            3500
+          );
+    }
+
+    render() {
+        return (
+            <div className="Button-container">
+                <button onClick={this.save}>Save as favorite</button>
+                <button onClick={this.props.open}>Open favourite</button>
+                <p> { (this.state.showSaveFeedback) && "Favorite saved!" } </p>
+                
+
+            </div>
+        );
+    }
+
 
 }