Search query / results cards

src/App.js

@@ -1,10 +1,12 @@
 import React from "react";
-import logo from "./public/logo_mint.svg";
 import "./App.scss";
 import TopBar from "./components/TopBar";
+import LogoMain from "./components/logoMain";
 import Footer from "./components/Footer";
 import SearchPanel from "./components/SearchPanel";
+import SearchResults from "./components/SearchResults";
 import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
+import { useSelector } from "react-redux";
 
 const theme = createMuiTheme({
   palette: {
@@ -15,16 +17,21 @@ const theme = createMuiTheme({
 });
 
 function App() {
+  const appMode = useSelector((store) => store.appMode);
+
   return (
     <ThemeProvider theme={theme}>
       <div className="App">
         <TopBar />
         <div className="main-container">
-          <img src={logo} className="logo" alt="Menui logo" />
+          <LogoMain />
           <SearchPanel />
-          <p className="darkParagraph">
-            Sprawdź co serwuje Twoja ulubiona restauracja.
-          </p>
+          {appMode === "init" && (
+            <p className="darkParagraph">
+              Sprawdź co serwuje Twoja ulubiona restauracja.
+            </p>
+          )}
+          <SearchResults />
         </div>
         <Footer />
       </div>