37 lines
811 B
JavaScript
37 lines
811 B
JavaScript
import React from "react";
|
|
import styled, { createGlobalStyle } from "styled-components";
|
|
|
|
import SearchBar from "./components/searchBar";
|
|
import Greeter from "./components/greeter";
|
|
import AppList from "./components/appList";
|
|
import BookmarkList from "./components/bookmarkList";
|
|
import SettingsModal from "./components/settingsModal";
|
|
|
|
import selectedTheme from "./components/themeManager";
|
|
|
|
const GlobalStyle = createGlobalStyle`
|
|
body {
|
|
background-color: ${selectedTheme.backgroundColor};
|
|
}
|
|
`;
|
|
|
|
const AppContainer = styled.div`
|
|
max-width: 80%;
|
|
margin: auto;
|
|
padding: 10px;
|
|
`;
|
|
|
|
const App = () => (
|
|
<>
|
|
<GlobalStyle />
|
|
<AppContainer>
|
|
<SearchBar />
|
|
<SettingsModal />
|
|
<Greeter />
|
|
<AppList />
|
|
<BookmarkList />
|
|
</AppContainer>
|
|
</>
|
|
);
|
|
|
|
export default App;
|