Split BasicField component as ChipList to address browser warnings.

Author: georgezee

src/components/SchoolContent.js

@@ -15,6 +15,7 @@ import LikeThis from "./LikeThis";
 import ShareButton from "./ShareButton";
 
 import BasicField from "./fields/BasicField";
+import ChipList from "./fields/ChipList";
 import Email from "./fields/Email";
 import Stipend from "./fields/Stipend";
 import BusinessType from "./fields/BusinessType";
@@ -167,7 +168,7 @@ class SchoolContent extends Component {
           />
         );
       });
-      locations = <BasicField value={locationItems} heading="Locations" />
+      locations = <ChipList value={locationItems} heading="Locations" />
     }
 
     let technologies = "";
@@ -182,7 +183,7 @@ class SchoolContent extends Component {
               />
             );
           });
-      technologies = <BasicField value={techItems} heading="Technologies" />
+      technologies = <ChipList value={techItems} heading="Technologies" />
     }
 
     let emailButton = "";

src/components/fields/ChipList.js

@@ -0,0 +1,24 @@
+import React from "react";
+import Tooltip from '@material-ui/core/Tooltip';
+
+const ChipList = props => {
+  let heading = "";
+  if (props.tooltip) {
+    heading = <div className="heading">
+                <Tooltip placement="top-start" title={props.tooltip}>
+                  <div>{props.heading}</div>
+                </Tooltip>
+              </div>
+  } else {
+    heading = <div className="heading">{props.heading}</div>
+  }
+
+  return (
+    <div>
+      {heading}
+      {props.value}
+    </div>
+  );
+};
+
+export default ChipList;