38 lines
925 B
JavaScript
38 lines
925 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 themeData from './components/data/themes.json';
|
|
const selectedTheme = localStorage.getItem("theme") ? JSON.parse(localStorage.getItem("theme")) : themeData.themes[0];
|
|
|
|
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;
|