Analytics added / NewRestaurant.js added

src/components/Output/Pictograms.js

@@ -0,0 +1,67 @@
+import React from "react";
+// ICONS
+import alcohol from "../../public/i_alcohol.svg";
+import card from "../../public/i_card.svg";
+import delivery from "../../public/i_delivery.svg";
+import eggs from "../../public/i_eggs.svg";
+import gluten from "../../public/i_gluten.svg";
+import glutenFree from "../../public/i_glutenFree.svg";
+import lactose from "../../public/i_lactose.svg";
+import lactoseFree from "../../public/i_lactoseFree.svg";
+import peanuts from "../../public/i_peanuts.svg";
+import pets from "../../public/i_pets.svg";
+import seaFood from "../../public/i_seaFood.svg";
+import sesame from "../../public/i_sesame.svg";
+import soy from "../../public/i_soy.svg";
+import vegan from "../../public/i_vegan.svg";
+import vegetarian from "../../public/i_vegetarian.svg";
+
+export default function (props) {
+  const pictograms = props.pictograms.map((pictogram, index) => (
+    <img
+      key={index}
+      className="pictogram"
+      src={getImage(pictogram)}
+      alt={pictogram}
+    />
+  ));
+
+  return <div className="pictograms-container">{pictograms}</div>;
+}
+
+function getImage(name) {
+  switch (name) {
+    case "alcohol":
+      return alcohol;
+    case "cardPayments":
+      return card;
+    case "delivery":
+      return delivery;
+    case "eggs":
+      return eggs;
+    case "gluten":
+      return gluten;
+    case "glutenFree":
+      return glutenFree;
+    case "lactose":
+      return lactose;
+    case "lactoseFree":
+      return lactoseFree;
+    case "peanuts":
+      return peanuts;
+    case "petFriendly":
+      return pets;
+    case "seaFood":
+      return seaFood;
+    case "sesame":
+      return sesame;
+    case "soy":
+      return soy;
+    case "vegan":
+      return vegan;
+    case "vegetarian":
+      return vegetarian;
+    default:
+      return card;
+  }
+}