Skip to content

GitLab

Commit cf29c7cc authored by Andrew Hrdy's avatar Andrew Hrdy
Browse files

Added download banner for Android app (untested).

parent 3a2b0b93
Hide whitespace changes
Inline Side-by-side
public/index.html
View file @ cf29c7cc
......@@ -9,7 +9,7 @@
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.40.1/mapbox-gl.css' rel='stylesheet' />
<!--
......@@ -17,11 +17,11 @@
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
Unlike "/favicon.png" or "favicon.png", "%PUBLIC_URL%/favicon.png" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>What's Open</title>
</head>
<body>
<noscript>
......
public/manifest.json
View file @ cf29c7cc
{
"short_name": "React App",
"name": "Create React App Sample",
"short_name": "What's Open",
"name": "What's Open",
"icons": [
{
"src": "favicon.ico",
"src": "favicon.png",
"sizes": "192x192",
"type": "image/png"
}
],
"related_applications": [
{
"platform": "play",
"id": "srct.whatsopen"
}
],
"start_url": "./index.html",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
}
\ No newline at end of file
src/components/AppBar.js
View file @ cf29c7cc
......@@ -12,7 +12,7 @@ import Drawer from 'material-ui/Drawer';
import List, {ListItem} from 'material-ui/List';
import Divider from 'material-ui/Divider';
class customAppBar extends React.Component {
class CustomAppBar extends React.Component {
constructor(props) {
super();
......@@ -36,10 +36,10 @@ class customAppBar extends React.Component {
<Typography type="title" color="inherit" className={this.props.classes.title}>
What's Open
</Typography>
<Button key={'about'} className={this.props.classes.appBarLinkButton}>
<Button color="contrast" className={this.props.classes.appBarLinkButton}>
About
</Button>
<Button key={'feedback'} className={this.props.classes.appBarLinkButton}>
<Button color="contrast" className={this.props.classes.appBarLinkButton}>
Feedback
</Button>
<IconButton onClick={this.toggleDrawer} color="contrast" aria-label="Menu"
......@@ -57,12 +57,12 @@ class customAppBar extends React.Component {
</ListItem>
<Divider />
<ListItem>
<Button key={'about'} className={this.props.classes.drawerLinkButton}>
<Button className={this.props.classes.drawerLinkButton}>
About
</Button>
</ListItem>
<ListItem>
<Button key={'feedback'} className={this.props.classes.drawerLinkButton}>
<Button className={this.props.classes.drawerLinkButton}>
Feedback
</Button>
</ListItem>
......@@ -72,9 +72,8 @@ class customAppBar extends React.Component {
};
}
customAppBar.propTypes = {
CustomAppBar.propTypes = {
classes: PropTypes.object.isRequired,
handleMenuClick: PropTypes.func.isRequired,
};
const styleSheet = {
......@@ -86,11 +85,6 @@ const styleSheet = {
display: 'inherit !important'
}
},
'@media screen and (min-width: 601px)': {
appBarLinkButton: {
color: 'rgba(255,255,255,1)'
}
},
appBarDrawerList: {
width: '250px'
},
......@@ -105,4 +99,4 @@ const styleSheet = {
}
};
export default compose(withStyles(styleSheet), withTheme)(customAppBar);
export default compose(withStyles(styleSheet), withTheme)(CustomAppBar);
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment