new look / search list / restaurant view

src/App.js

@@ -5,6 +5,7 @@ import LogoMain from "./components/logoMain";
 import Footer from "./components/Footer";
 import SearchPanel from "./components/SearchPanel";
 import SearchResults from "./components/SearchResults";
+import Restaurant from "./components/Restaurant";
 import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
 import { useSelector } from "react-redux";
 
@@ -25,13 +26,16 @@ function App() {
         <TopBar />
         <div className="main-container">
           <LogoMain />
-          <SearchPanel />
+          {(appMode === "init" || appMode === "search results") && (
+            <SearchPanel />
+          )}
           {appMode === "init" && (
             <p className="darkParagraph">
               Sprawdź co serwuje Twoja ulubiona restauracja.
             </p>
           )}
           {appMode === "search results" && <SearchResults />}
+          {appMode === "restaurant" && <Restaurant />}
         </div>
         <Footer />
       </div>