\n \n \n {slider}\n
\n )\n }\n}\n\nconst styles = theme => ({\n root: {\n paddingTop: theme.containerPadding,\n paddingBottom: theme.containerPadding,\n },\n header: {\n display: 'flex',\n justifyContent: 'space-between',\n paddingBottom: theme.spacing(1),\n },\n title: {},\n link: {\n color: theme.palette.primary.main,\n },\n})\n\nexport default withStyles(styles)(Card)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport Chip from '@material-ui/core/Chip'\nimport withStyles from '@material-ui/styles/withStyles'\n\nclass DishAttributes extends Component {\n static propTypes = {\n attributesNames: PropTypes.arrayOf(PropTypes.string).isRequired,\n classes: PropTypes.object.isRequired,\n }\n\n render() {\n const { attributesNames, classes } = this.props\n return attributesNames.map(attr => (\n \n {this.renderTitle()}\n {subtitle}\n
\n {headerLeft}
\n \n 
\n
\n )\n }\n\n renderByPictureMode = () =>\n this.props.facade.isPictureMode\n ? this.renderWithPicture()\n : this.renderWithoutPicture()\n\n renderPlaceholder() {\n const { facade, classes } = this.props\n return (\n \n {name} \n {`${price} ${ILS}`} \n
\n \n \n {restaurantStore.menuCategories.map(menuCategory => (\n \n {menuCategory}\n \n ))}\n \n
\n \n )\n }\n\n renderDish = (dish, idx) => {\n const { classes, restaurantStore } = this.props\n return (\n \n {Object.entries(restaurantStore.dishesByMenuCategory).map(\n ([menuCategory, dishes]) => (\n \n
\n )\n )}\n \n
\n \n {menuCategory}\n
\n\n {dishes[0]['menuCategoryDescription']}\n
\n\n {dishes.map(this.renderDish)}\n
\n \n {dish.name} \n\n \n {dish.price} {ILS}\n \n
\n \n {errorMessage} \n
\n )\n }\n if (state === LOADING || facade.fetchAllDataState === LOADING) {\n return null\n }\n\n const { dishes } = this.props.restaurantStore.restaurant\n\n let metaTitle = `Plate | ${name} - תפריט`\n if (onlyVegan) {\n metaTitle = `Plate | ${name} - מסעדה טבעונית`\n }\n if (kosher) {\n metaTitle = `Plate | ${name} תפריט | מסעדה כשרה`\n }\n if (onlyVegan && kosher) {\n metaTitle = `Plate | ${name} - מסעדה טבעונית כשרה`\n }\n\n const restUrl = `https://plate.io/restaurants/${id}`\n\n const metaDesc = `למסעדת ${name} יש ${\n dishes.length\n } מנות. ${address}`\n\n return (\n \n \n {metaTitle} \n \n \n \n \n \n \n \n \n \n \n \n \n \n {name}\n \n \n \n \n \n {gmReviewsAvg}\n \n \n ({numberWithCommas(gmReviews)})\n \n \n \n \n \n {ILS.repeat(priceness)}\n \n \n
\n )\n }\n}\n\nconst styles = theme => ({\n root: {\n paddingTop: theme.headerHeight + theme.spacing(2),\n paddingBottom: theme.spacing(10),\n },\n loadingError: {\n paddingRight: theme.containerPadding,\n },\n brand: {\n display: 'flex',\n alignItems: 'center',\n },\n details: {\n display: 'flex',\n alignItems: 'center',\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n detail: {\n color: theme.palette.text.secondary,\n display: 'flex',\n alignItems: 'center',\n '&:not(:first-child):before': {\n content: '\"•\"',\n fontSize: 14,\n marginRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n },\n },\n gmReviewNumber: {\n marginLeft: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n fontSize: 14,\n },\n gmReviews: {\n marginRight: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n fontSize: 14,\n },\n actionIcons: {\n display: 'flex',\n justifyContent: 'space-around',\n opacity: 0.7,\n borderTop: `1px solid ${theme.palette.divider}`,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n actionIcon: {\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n color: theme.palette.primary.main,\n opacity: 1,\n display: 'flex',\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center',\n },\n actionIconLabel: {\n direction: 'ltr',\n marginRight: theme.spacing(1),\n maxWidth: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n menuCategoryLabelContainer: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(1),\n },\n menuCategoryNav: {\n background: 'rgb(51, 132, 173)',\n position: 'sticky',\n top: theme.headerHeight,\n listStyle: 'none',\n zIndex: 1000,\n overflowX: 'overlay',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: `0 6px`,\n margin: 0,\n marginBottom: 0,\n },\n menuCategoryItem: {\n flex: 1,\n },\n menuCategoryLink: {\n height: MENU_CATEGORY_NAV_HEIGHT,\n whiteSpace: 'nowrap',\n background: theme.palette.primary.light,\n color: theme.palette.primary.contrastText,\n display: 'flex',\n textDecoration: 'none',\n justifyContent: 'center',\n alignItems: 'center',\n flex: 1,\n margin: `0 6px`,\n padding: `0 6px`,\n },\n menuCategoryActive: {\n margin: `0 0px !important`,\n padding: `0 12px !important`,\n borderRadius: 20,\n background: `#006699 !important`,\n height: `30px !important`,\n },\n menuCategoryDesc: {\n padding: `8px 12px`,\n background: `#93a2ab`,\n // borderTop: `1px solid white`,\n },\n menuCategoryDescTitle: {\n margin: 0,\n color: `white`,\n fontSize: '17px',\n },\n menuCategoryDescP: {\n margin: 0,\n color: `white`,\n },\n dishRoot: {\n marginBottom: theme.spacing(1),\n marginTop: theme.spacing(1),\n paddingTop: theme.spacing(1),\n paddingBottom:theme.spacing(2),\n borderBottom: `1px solid #e0e0e0`,\n paddingRight: theme.containerPadding,\n paddingLeft: theme.containerPadding,\n '&:last-child': {\n borderBottom: 0,\n },\n },\n dishTitleAndPrice: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n dishTitle: {\n fontWeight: 'bold',\n },\n dishImgContainer: {\n height: DISH_IMG_DIMENSIONS,\n position: 'relative',\n },\n dishImg: {\n width: DISH_IMG_DIMENSIONS,\n height: DISH_IMG_DIMENSIONS,\n objectFit: 'cover',\n },\n dishBottomBar: {\n background: 'rgba(0,0,0,0.7)',\n width: DISH_IMG_DIMENSIONS,\n height: theme.spacing(4),\n position: 'absolute',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n bottom: 0,\n paddingRight: theme.containerPadding,\n paddingLeft: theme.containerPadding,\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n dishBottomBarText: {\n color: theme.palette.primary.contrastText,\n },\n dishDescription: {\n marginBottom: theme.spacing(1),\n },\n})\n\nexport default withTheme(withStyles(styles)(withRouter(RestaurantPage)))\n","import React from 'react'\n\nconst SVG = ({\n style = {},\n fill = '#006699',\n width = '100%',\n height = '20',\n className = '',\n viewBox = '0 -3 40 40',\n}) => (\n \n \n \n \n \n )}\n {website && (\n \n \n )}\n {facebook && (\n \n \n \n \n \n \n \n
\n {this.renderDishesByMenuCategory()}
\n \n \n \n \n \n {description} \n \n \n facade.routeToRestaurant({ id: restaurantId })}\n >\n \n {restaurantDishCount} מנות >\n \n
\n \n \n )\n }\n}\n\nconst styles = theme => ({\n root: {\n paddingBottom: theme.spacing(1),\n height: '100vh',\n },\n heroImgContainer: {\n display: 'flex',\n overflow: 'hidden',\n justifyContent: 'center',\n alignItems: 'center',\n },\n heroImg: {\n height: theme.dishImgHeight,\n width: theme.dishImgWidth,\n objectFit: 'cover',\n },\n nameAndPrice: {\n marginTop: theme.spacing(1),\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'top',\n },\n description: {\n whiteSpace: 'pre-line',\n marginBottom: theme.spacing(1),\n },\n restaurantContainer: {\n position: 'absolute',\n bottom: theme.bottomBarHeight + theme.spacing(2),\n },\n restaurant: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n color: theme.palette.text.primary,\n },\n restaurnatBrand: {\n display: 'flex',\n alignItems: 'center',\n },\n dishCount: {\n whiteSpace: 'nowrap',\n },\n})\n\nexport default withStyles(styles)(DishPage)\n","import React from 'react'\nimport ContentLoader from 'react-content-loader'\nimport withTheme from '@material-ui/styles/withTheme'\nimport PropTypes from 'prop-types'\n\nclass DishPageLoader extends React.Component {\n static propTypes = {\n theme: PropTypes.object.isRequired,\n }\n\n get containerPadding() {\n const { theme } = this.props\n return theme.containerPadding\n }\n\n get imageWidth() {\n return this.props.theme.windowWidth\n }\n\n get imageHeight() {\n return this.props.theme.windowWidth\n }\n\n get imageBottomMargin() {\n const { theme } = this.props\n return theme.spacing(2)\n }\n\n get titleOffset() {\n return this.imageHeight + this.imageBottomMargin\n }\n\n get titleHeight() {\n return 14\n }\n\n get titleBottomMargin() {\n return this.containerPadding\n }\n\n get descriptionOffset() {\n return this.titleOffset + this.titleHeight + this.titleBottomMargin\n }\n\n get descriptionHeight() {\n return 14\n }\n\n get descriptionBottomMargin() {\n return this.containerPadding\n }\n\n get attributesOffset() {\n return (\n this.descriptionOffset +\n this.descriptionHeight +\n this.descriptionBottomMargin\n )\n }\n\n get attributesHeight() {\n return 14\n }\n\n get attributesBottomMargin() {\n return this.containerPadding\n }\n\n get restaurantContainerOffset() {\n const { theme } = this.props\n return (\n theme.windowHeight -\n theme.restaurantContainerInDishPageBottom -\n theme.logoDimension\n )\n }\n\n get restaurantLogoDimensions() {\n const { theme } = this.props\n return theme.logoDimension\n }\n\n get restaurantLogoLeftMargin() {\n const { theme } = this.props\n return theme.spacing(1)\n }\n\n get restaurantNameOffset() {\n return this.offsetCenterOfRestaurantLogo\n }\n\n get restaurantNameOffsetRight() {\n return (\n this.containerPadding +\n this.restaurantLogoDimensions +\n this.restaurantLogoLeftMargin\n )\n }\n\n get restaurantNameHeight() {\n return 14\n }\n\n get restaurantNameWidth() {\n return this.restaurantLogoDimensions * 1.5\n }\n\n get dishCountOffset() {\n return this.offsetCenterOfRestaurantLogo\n }\n\n get dishCountHeight() {\n return 14\n }\n\n get offsetCenterOfRestaurantLogo() {\n return (\n this.restaurantContainerOffset +\n this.restaurantLogoDimensions / 2 -\n this.restaurantNameHeight\n )\n }\n\n renderImg() {\n const { dishImgHeight } = this.props.theme\n return (\n \n
\n \n \n {name}\n \n \n {price} {ILS}\n \n
\n \n {restaurantName} \n
\n \n
\n )\n}\n\nfunction Control(props) {\n const { classes, textFieldProps, searchStore } = props.selectProps\n return (\n \n {\n searchStore.resetQuery()\n }}\n className={cx(classes.closeIcon, {\n [classes.closeIconActive]: props.isFocused && searchStore.searchQuery,\n })}\n />\n
\n )\n}\n\nfunction Option(props) {\n const {\n children: text,\n selectProps: { classes, inputValue },\n value: {\n type,\n logoUrl,\n name,\n dishCount,\n restaurantName,\n imageUrl,\n associatedObjectsCount,\n } = {},\n } = props\n if (type === RESTAURANT) {\n return OptionHelper(\n props,\n \n
\n )\n }\n if (type === DISH) {\n return OptionHelper(\n props,\n \n
\n \n \n \n \n {dishCount > 1 ? `${dishCount} מנות` : 'מנה אחת'}\n \n
\n \n
\n )\n }\n if (type === DISH_TYPE) {\n return OptionHelper(\n props,\n \n
\n \n \n \n \n {restaurantName}\n \n
\n \n \n \n \n {associatedObjectsCount} מנות\n \n
\n )\n }\n\n // default - SEARCH_PLACEHOLDER\n return OptionHelper(\n props,\n \n {props.children}\n
\n )\n}\n\nfunction Menu(props) {\n const { classes } = props.selectProps\n return (\n \n \n \n \n \n {this.searchText}\n \n \n {locationStore.address}\n \n \n \n \n
\n )\n }\n\n renderHeader() {\n const {\n classes,\n location: { pathname },\n } = this.props\n return (\n \n
\n \n \n {this.renderHeaderRestaurantTitle()}\n
\n \n
\n )\n }\n}\n\nexport default ErrorFallbackComponent\n","import React, { Component } from 'react'\nimport { Redirect } from 'react-router-dom'\nimport Typography from '@material-ui/core/Typography'\n\nimport Header from '../components/Header'\n\nclass HomePage extends Component {\n render() {\n return (\n \n Oops! An error occured!\n
\nHere’s what we know…
\n\n Error: {error.toString()}\n
\n\n Stacktrace: {componentStack}\n
\n\n Plate in the house \n
\n )\n }\n}\n\nexport default HomePage\n","import React, { Component } from 'react'\nimport cx from 'classnames'\nimport { PropTypes } from 'prop-types'\nimport { observer, inject } from 'mobx-react'\nimport withStyles from '@material-ui/styles/withStyles'\n\nimport Filter from './Filter'\n\n@inject('facade', 'filtersStore')\n@observer\nclass Filters extends Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n filtersStore: PropTypes.object.isRequired,\n facade: PropTypes.object.isRequired,\n }\n\n renderFilter = filter => (\n - \n {filtersStore.filtersToRender.map(this.renderFilter)}\n {/* hack for adding padding at the end of the list */}\n
- \n
\n \n \n {gmReviewsAvg}\n \n \n ({numberWithCommas(gmReviews)})\n \n \n \n \n \n {ILS.repeat(priceness)}\n \n
\n )\n }\n\n // renderHeaderLeft() {\n // const { classes, priceness } = this.props\n // return (\n // \n
\n \n
\n {restaurantListStore.isLast(index) && (\n \n
\n )\n }\n\n render() {\n const {\n restaurantListStore: { state, list },\n theme,\n } = this.props\n if (state === INITIAL) {\n return null\n }\n if (state === ERROR) {\n return ארעה שגיאה
\n }\n if (state === LOADED && !list.length) {\n return \n \n Plate - תפריטים של מסעדות בתל אביב \n \n \n \n
\n )\n }\n}\n\nconst styles = theme => ({\n root: {\n paddingTop: theme.headerWithSearchHeight,\n },\n})\n\nexport default withStyles(styles)(RestaurantListPage)\n","/* eslint-disable react/prop-types */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport withStyles from '@material-ui/styles/withStyles'\nimport withTheme from '@material-ui/styles/withTheme'\nimport Typography from '@material-ui/core/Typography'\nimport TextField from '@material-ui/core/TextField'\nimport Paper from '@material-ui/core/Paper'\nimport MenuItem from '@material-ui/core/MenuItem'\nimport PlaceIcon from '@material-ui/icons/Place'\nimport { inject, observer } from 'mobx-react'\nimport AsyncSelect from 'react-select/async'\nimport cx from 'classnames'\n\nfunction NoOptionsMessage(props) {\n return (\n \n
\n )\n}\n\nfunction Control(props) {\n const { classes } = props.selectProps\n return (\n \n locationStore.NO_OPTIONS_LABEL}\n onChange={this.onSelect}\n onInputChange={this.onInputChange}\n classes={classes}\n components={reactSelectComponents}\n cacheOptions\n defaultOptions\n loadingMessage={() => 'טוען...'}\n locationStore={locationStore}\n loadOptions={locationStore.fetchAddressSuggestions}\n placeholder=\"מיקום\"\n />\n
\n )\n }\n}\n\nconst styles = theme => ({\n textFieldRoot: {\n paddingRight: theme.containerPadding,\n },\n input: {\n display: 'flex',\n padding: `0 0 0 ${theme.containerPadding}px`,\n height: theme.searchAutocompleteHeight,\n alignItems: 'center',\n },\n inputIcon: {\n fontSize: theme.searchAutocompleteIconDimensions,\n marginLeft: theme.searchAutocompleteIconMargin,\n },\n valueContainer: {\n display: 'flex',\n flexWrap: 'wrap',\n flex: 1,\n alignItems: 'center',\n overflow: 'hidden',\n },\n noOptionsMessage: {\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\n },\n value: {\n fontSize: 15,\n },\n placeholder: {\n position: 'absolute',\n right: theme.searchAutocompletePlaceholderOffset,\n fontSize: 15,\n },\n paper: {\n position: 'absolute',\n zIndex: 1,\n marginTop: theme.spacing(1),\n left: -10,\n right: 0,\n top: theme.searchAutocompleteHeight - 6,\n width: '100vw',\n },\n currentLocation: {\n fontWeight: 'bold',\n color: '#006699',\n },\n divider: {\n height: theme.spacing(2),\n },\n})\n\nexport default withStyles(styles)(withTheme(AddressAutoComplete))\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { observer, inject } from 'mobx-react'\nimport withStyles from '@material-ui/styles/withStyles'\nimport SearchIcon from '@material-ui/icons/Search'\nimport Button from '@material-ui/core/Button'\nimport { observable } from 'mobx'\nimport Helmet from 'react-helmet'\n\nimport LocationAutoComplete from '../components/LocationAutoComplete'\nimport SearchAutoComplete from '../components/SearchAutoComplete'\n\n@inject('facade')\n@observer\nclass SearchPage extends Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n facade: PropTypes.object.isRequired,\n }\n\n @observable keyForTriggeringRefresh = 1\n\n onSearchButtonClick = () => {\n this.props.facade.searchButtonClick()\n }\n\n registerSearchRef = el => {\n this.searchAutoComplete = el\n }\n\n onAddressSelect = () => {\n this.keyForTriggeringRefresh += 1\n // this.searchAutoComplete.focus()\n }\n\n render() {\n const { classes } = this.props\n\n return (\n \n \n \n \n
\n )\n }\n}\n\nconst styles = theme => ({\n root: {\n width: '100vw',\n height: '100vh',\n background: 'rgba(255,255,255,1)',\n },\n topContainer: {\n boxShadow: '0px 0px 2px 0px rgba(0,0,0,.5)',\n display: 'flex',\n },\n autocompletesContainer: {\n width: `calc(100vw - ${theme.searchButtonContainerWidth}px)`,\n flex: 1,\n borderLeft: `1px solid ${theme.palette.divider}`,\n minHeight: theme.searchAutocompleteHeight * 2,\n },\n searchButtonContainer: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: theme.searchButtonContainerWidth,\n height: theme.searchAutocompleteHeight * 2,\n },\n searchButton: {\n minWidth: '0',\n padding: 5,\n boxShadow: 'none',\n },\n searchButtonIcon: {\n fontSize: 22,\n },\n})\n\nexport default withStyles(styles)(SearchPage)\n","import React, { Component } from 'react'\nimport { Route, Switch } from 'react-router-dom'\n\nimport HomePage from './pages/HomePage'\nimport RestaurantListPage from './pages/RestaurantListPage'\nimport RestaurantPage from './pages/RestaurantPage'\nimport DishPage from './pages/DishPage'\nimport SearchPage from './pages/SearchPage'\nimport {\n homeRoute,\n searchRoute,\n restaurantsRoute,\n restaurantRoute,\n dishRoute,\n} from './utils/routing'\n\nclass Routes extends Component {\n render() {\n return (\n \n
\n \n
\n \n \n
\n