text: import React from "react";
  import { Switch, Route } from "react-router-dom";
  
  import Conversations from "./components/Conversations";
  import Conversation from "./components/Conversation";
  import MyLog from "./components/MyLog";
  import Users from "./components/Users";
  import Profile from "./components/Profile";
  import Footer from "./components/Footer";
  
  const Routes = () => (
    <div>
      <Switch>
        <Route path="/" exact component={MyLog} />
        <Route path="/convo" exact component={Conversations} />
        <Route path="/users/" component={Users} />
        <Route path="/profile/" component={Profile} />
        <Route
          path="/conversation/:conversationId/:conversationName"
          component={Conversation}
        />
        <Route component={() => <p>404 no route found</p>} />
      </Switch>
      <Footer />
    </div>
  );
  
  export default Routes;
  