text: import React, { Component } from 'react';
  import { Route } from 'react-router';
  import { Layout } from './components/Layout';
  import Home from './components/Home';
  import Posts from './post/Posts';
  import ViewPost from './post/ViewPost';
  import Login from './authentication/Login';
  import Register from './authentication/Register';
  import { UserInfo } from './user/UserInfo';
  import './custom.css'
  
  
  export default class App extends Component {
      static displayName = App.name;
  
      render() {
          return (
              <Layout>
                  <Route exact path='/' component={Home} />
                  <Route path='/posts' component={Posts} />
                  <Route path='/viewPost' component={ViewPost} />
                  <Route path='/login' component={Login} />
                  <Route path='/register' component={Register} />
                  <Route path='/userInfo' component={UserInfo} />
              </Layout>
          );
      }
  }
  