web client v0.2 (add restaurant OK, settings OK)

src/components/Output/Social.js

@@ -3,17 +3,27 @@ import FacebookIcon from "@material-ui/icons/Facebook";
 import TwitterIcon from "@material-ui/icons/Twitter";
 import InstagramIcon from "@material-ui/icons/Instagram";
 import IconButton from "@material-ui/core/IconButton";
+import { openInNewTab } from "../../Services.js";
 
 export default function Social(props) {
   return (
     <div className="social-container">
-      <IconButton color="secondary">
+      <IconButton
+        onClick={() => openInNewTab("https://www.facebook.com")}
+        color="secondary"
+      >
         <FacebookIcon />
       </IconButton>
-      <IconButton color="secondary">
+      <IconButton
+        onClick={() => openInNewTab("https://twitter.com/menuifood")}
+        color="secondary"
+      >
         <TwitterIcon />
       </IconButton>
-      <IconButton color="secondary">
+      <IconButton
+        onClick={() => openInNewTab("https://www.instagram.com")}
+        color="secondary"
+      >
         <InstagramIcon />
       </IconButton>
     </div>