Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: shop page

Browse Source
This commit is contained in:
Rifqy Zacky Ariadhy
2019-01-02 21:16:50 +07:00
parent 0794e91ad0
commit e503b70640
5 changed files with 387 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

222
src/common/pages/App/index.js
View File

@@ -538,226 +538,10 @@ export default class App extends React.Component {
{/*</ToolbarGroup>*/}
</Toolbar>
<Drawer containerClassName={(window.innerWidth < 600) ? 'drawer_small' : 'drawer_large transparent no-shadow'}
docked={(window.innerWidth < 600) ? false : true}
onRequestChange={(open) => this.setState({open})}
open={this.state.open}>
<Toolbar className="hide-on-med-and-up transparent" style={{marginLeft: 16}}>
<ToolbarGroup firstChild={true}>
{
// (this.settingStore.isIconEmpty) ?
// <div>
// <Paper style={styles.Paper} zDepth={1} circle={true}>
// <img style={styles.ImageRounded} className="logo"
// src="/assets/images/logo_ikan.png"/>
// </Paper>
// </div>
// :
// <div>
// <Paper style={styles.Paper} zDepth={1} circle={true}>
// <img style={styles.ImageRounded} className="logo"
// src={this.http.appendImagePath(this.settingStore.setting.icon)}/>
// </Paper>
// </div>
}
<div>
<Paper style={styles.Paper} zDepth={1} circle={true}>
<img style={styles.ImageRounded} className="logo" src="/assets/images/logo_ikan.png"/>
</Paper>
</div>
{/*<ToolbarTitle style={{color: '#424770'}}
text={(this.settingStore.setting.name) ? this.settingStore.setting.name : "Tourmate"}/>*/}
<ToolbarTitle style={{color: '#424770'}} text={'Marketplace'}/>
</ToolbarGroup>
</Toolbar>
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/chart.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Dashboard</span></MenuItem></Link>*/}
{/*{*/}
{/*userData.role == 'administrator' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/data.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Data</span></MenuItem></Link> : ''*/}
{/*}*/}
{/*{*/}
{/*userData.role == 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/layout.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Layout</span></MenuItem></Link>*/}
{/*}*/}
{/*{*/}
{/*userData.role == 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/content.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Content</span></MenuItem></Link>*/}
{/*}*/}
{/*{*/}
{/*userData.role === 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/tasks.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
{/*}*/}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/items')} to={LINKS.ITEMS}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/product.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Items</span></MenuItem></Link>*/}
{/*: ""*/}
{/*}*/}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/wallet.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Wallet</span></MenuItem></Link> : ""*/}
{/*}*/}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/accounting.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Order</span></MenuItem></Link>*/}
{/*: ""*/}
{/*}*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/tasks.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/store.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Store</span></MenuItem></Link> : ''*/}
{/*}*/}
{/* {
userData.role == 'store' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/recipes')} to={LINKS.RECIPES}> <MenuItem
leftIcon={<img src="/assets/images/icon/recipe.png"/>}
className={(this.state.selectedMenu === '/app/recipes') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Recipes</span></MenuItem></Link> : ''
} */}
{/* {
userData.role == 'administrator' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/surf_turf')} to={LINKS.SURF}> <MenuItem
leftIcon={<img src="/assets/images/icon/grill.png"/>}
className={(this.state.selectedMenu === '/app/surf_turf') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Surf & Turf</span></MenuItem></Link> : ''
}
{
userData.role == 'administrator' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/help')} to={LINKS.HELP}> <MenuItem
leftIcon={<img src="/assets/images/icon/help.png"/>}
className={(this.state.selectedMenu === '/app/help') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Help</span></MenuItem></Link> : ''
} */}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/inbox.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Inbox</span></MenuItem></Link>*/}
{/*/!*{*!/*/}
{/*/!*userData.role == 'administrator' && *!/*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/settings.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Setting</span></MenuItem></Link>*/}
{/*}*/}
{/*
userData.role == 'administrator' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/promotion')} to={LINKS.PROMOTION}> <MenuItem
leftIcon={<img src="/assets/images/icon/promotion.png"/>}
className={(this.state.selectedMenu === '/app/promotion') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Promotion</span></MenuItem></Link> : ''
*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/entities')} to={LINKS.ENTITIES}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/walter_white.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/entities') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Entities</span></MenuItem></Link>*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/agents')} to={LINKS.AGENT}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/conference.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/agents') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Agents</span></MenuItem></Link>*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, LINKS.EMPLOYEE)} to={LINKS.EMPLOYEE}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/employee.png"/>}*/}
{/*className={(this.state.selectedMenu === LINKS.EMPLOYEE) ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Employees</span></MenuItem></Link>*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/customers')} to={LINKS.CUSTOMER}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/customer.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/customers') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Customers</span></MenuItem></Link>*/}
</Drawer>
<div className="mainContent" style={{
paddingLeft: (window.innerWidth < 600) ? '0px' : '50px',
marginLeft: (window.innerWidth < 600) ? 'auto' : 'auto',
marginRight: (window.innerWidth < 600) ? '0' : 'auto'
// paddingLeft: (window.innerWidth < 600) ? '0px' : '50px',
// marginLeft: (window.innerWidth < 600) ? 'auto' : '50px',
// marginRight: (window.innerWidth < 600) ? '0' : '50px',
}}>
<div className="try"/>
<Route/>