38 lines
831 B
TypeScript
38 lines
831 B
TypeScript
|
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};
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
const AppContainer = styled.div`
|
||
|
|
max-width: 85%;
|
||
|
|
margin: auto;
|
||
|
|
`;
|
||
|
|
|
||
|
|
const App = () => (
|
||
|
|
<>
|
||
|
|
<GlobalStyle />
|
||
|
|
<AppContainer>
|
||
|
|
<SearchBar />
|
||
|
|
<SettingsModal />
|
||
|
|
<Greeter />
|
||
|
|
<AppList />
|
||
|
|
<BookmarkList />
|
||
|
|
</AppContainer>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default App;
|