fixed phone number formatting

package.json

@@ -15,6 +15,7 @@
     "material-ui-icons": "^1.0.0-alpha.19",
     "node-sass-chokidar": "^0.0.3",
     "npm-run-all": "^4.1.1",
+    "phone-formatter": "^0.0.2",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
     "react-autosuggest": "^9.3.2",

src/components/Sidebar.js

@@ -11,6 +11,7 @@ import FacilityLabels from './FacilityLabels';
 import CloseIcon from 'material-ui-icons/Close';
 import IconButton from 'material-ui/IconButton';
 import {removeBrackets} from '../utils/nameUtils';
+import phoneFormatter from 'phone-formatter';
 
 const Sidebar = ({facility, isSidebarOpen, facilities, setSidebar, setSelectedFacility, campusRegion}) => {
 
@@ -22,6 +23,7 @@ const Sidebar = ({facility, isSidebarOpen, facilities, setSidebar, setSelectedFa
     return (
         <div
             className={classNames(['card-container-offset', (isSidebarOpen && 'card-container-offset-open'), (!isSidebarOpen && 'card-container-offset-closed')])}>
+            <meta></meta>
             <Paper
                 className={classNames(['sidebar-root', (isSidebarOpen && 'sidebar-open'), (!isSidebarOpen && 'sidebar-closed')])}>
                 <IconButton className={'sidebar-close-btn'} onClick={handleSidebarClose}>
@@ -41,7 +43,7 @@ const Sidebar = ({facility, isSidebarOpen, facilities, setSidebar, setSelectedFa
                         <TextwTitle label="Address"
                                     content={facility.facility_location && facility.facility_location.address} />
                         <TextwTitle label="Phone Number"
-                                    content={facility.phone_number ? facility.phone_number : 'Unknown'} />
+                                    content={facility.phone_number ? phoneFormatter.format(facility.phone_number, "(NNN) NNN-NNNN") : 'Unknown'} />
                         <TextwTitle label="Labels" content={<FacilityLabels facility={facility} />} />
                         <TextwTitle label="Hours" content={<WeekHours facility={facility} />} />
                     </div>

yarn.lock

@@ -5450,6 +5450,10 @@ performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
 
+phone-formatter@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/phone-formatter/-/phone-formatter-0.0.2.tgz#f3626c7d274860f014f70f43a87566a16b0e7ace"
+
 pify@^2.0.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"