lalitmee

import React from "react";
import { render } from "react-dom";
import { BrowserRouter, hashHistory } from "react-router-dom";

import Routes from "./routes";


const el = document.getElementById("app");

render(

lalitmee

import React, { Component } from "react";
import { Link, Redirect } from "react-router-dom";
import SweetAlert from "sweetalert2-react";
import { connect } from "react-redux";
import { Card, Form, Button, Divider } from "semantic-ui-react";

import "../../../../css/style.css";
import HomePageHeader from "../Headers/HomePageHeader";
import MainFooter from "../Footers/MainFooter";

lalitmee

import React, { Component } from "react";
import { Link, Redirect } from "react-router-dom";
import SweetAlert from "sweetalert2-react";
import { connect } from "react-redux";
import { Card, Form, Button, Divider } from "semantic-ui-react";

import "../../../../css/style.css";
import HomePageHeader from "../Headers/HomePageHeader";
import MainFooter from "../Footers/MainFooter";

lalitmee

import React from "react";
import PropTypes from "prop-types";
import { Container, Header, Dropdown, Button, Icon } from "semantic-ui-react";
import { connect } from "react-redux";

class HomePageHeading extends React.Component {
  constructor(props) {
    super(props);

    this.state = {

lalitmee

import React from "react";
import { PropTypes } from "prop-types";
import { Link } from "react-router-dom";
import { connect } from "react-redux";

import { Segment } from "semantic-ui-react";

import "semantic-ui-css/semantic.min.css";
import image from "../../../../img/dashboard.png";
import paragraph from "../../../../img/paragraph.png";

lalitmee

/* CSS Grid layout */

.css-grid {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
}

lalitmee

<div className="css-grid">
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474445065/ballyhoo/WALK-IN/11.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Home Delivery</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/PUBS/6.jpg" />
        <div className="overlay-holder">

lalitmee

import React from 'react';
import { Segment, Menu, Icon } from 'semantic-ui-react';
import PropTypes from 'prop-types';

const HomePageHeader = ({ mobile }) => (
  <Segment
    style={{
      minHeight: 30,
      padding: '4px',
      backgroundColor: '#6a5f9b',

lalitmee

entry-client.js:3434 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `App`.
    in App
    in Router (created by BrowserRouter)
    in BrowserRouter

entry-client.js:43358 Uncaught TypeError: Cannot read property 'props' of undefined
    at App (entry-client.js:43358)
    at mountIndeterminateComponent (entry-client.js:32256)

lalitmee

import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './app';

const el = document.getElementById('app');

render(
  <BrowserRouter>
    <App />