Refactor FavoriteSection

src/App.js

@@ -184,7 +184,7 @@ class App extends React.Component {
                                      categorySelections={categorySelections}/>
                         </div>
                     </div>
-                    <FavoriteSection handler={this}/>
+                    <FavoriteSection save={this.saveAsFavorite} open={this.openFavorite}/>
                     <SessionElement sessionHistory={sessionHistory} handler={this}/>
                 </header>
             </div>

src/components/FavoriteSection.js

 import React from 'react';
 import '../style/FavoriteButton.css';
 
-export default class FavoriteSection extends React.Component {
-
-    render() {
-        return (
-            <div className="Button-container">
-                <button onClick={this.props.handler.saveAsFavorite}>Save as favorite</button>
-                <button onClick={this.props.handler.openFavorite}>Open favourite</button>
-            </div>
-        );
-    }
+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>
+    );
 
 }