-
-
-
- New Products
+
+
+
+
+
+
+ New Products
-
-
-
+
+
+
+
-
-
-
-
-
-
- Voucher & Gift Card
+
+
+
+
+
+
+ Voucher & Gift Card
-
- {data.map((item, index) => {
- return ( this.setState({isOpened: true, data: item})} key={index} span={6}>
-
- )
- })}
-
+
+ {
+ ( this.vouchersStore.list.length > 0) ?
+ this.vouchersStore.list.map((item, index) => {
+ return ( this.setState({isOpened: true, data: item})} key={index} span={6}>
+
+ )
+ })
+ : (
+
+ )
+ }
+
- {/* this.setState({isOpened: false})}*/}
- {/*onCancel={() => this.setState({isOpened: false})}*/}
- {/*/>*/}
+ this.setState({isOpened: false})}
+ onCancel={() => this.setState({isOpened: false})}
+ />
+
+
- {/*
- xs=12 sm=6
-
-
- xs=12 sm=6
-
-
- xs=3 sm=3
-
-
- xs=3 sm=3
-
-
- xs=3 sm=3
-
-
- xs=3 sm=3
- */}
-
+
);
}
diff --git a/src/common/pages/Dashboard/style.scss b/src/common/pages/Dashboard/style.scss
index 6732ead..c117212 100644
--- a/src/common/pages/Dashboard/style.scss
+++ b/src/common/pages/Dashboard/style.scss
@@ -91,7 +91,7 @@
.value {
- font-size: 1.8rem;
+ font-size: 1rem;
letter-spacing: 1px;
line-height: 1.2;
display: inline-block;
diff --git a/src/common/pages/Login/LoginBtn.js b/src/common/pages/Login/LoginBtn.js
new file mode 100644
index 0000000..180a692
--- /dev/null
+++ b/src/common/pages/Login/LoginBtn.js
@@ -0,0 +1,110 @@
+import React from 'react';
+import withStyles from "@material-ui/core/styles/withStyles";
+import {styles} from '../Register/registerStyle';
+import Grid from '@material-ui/core/Grid';
+import Paper from '@material-ui/core/Paper';
+import Typography from '@material-ui/core/Typography';
+import TextField from '@material-ui/core/TextField';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Button from '@material-ui/core/Button';
+import Hidden from '@material-ui/core/Hidden';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import IconButton from '@material-ui/core/IconButton';
+import { Link } from 'react-router-dom'
+
+class BTNLoginPage extends React.Component{
+ state = {
+ email : "",
+ password : "",
+ showPassword : false
+ };
+
+ handleChange = name => event => {
+ this.setState({
+ [name]: event.target.value,
+ });
+ };
+
+ viewPassword = ()=>{
+ this.setState({
+ showPassword : !this.state.showPassword
+ })
+ };
+
+ render(){
+ const { classes } = this.props;
+ return (
+
+
+
+ })
+
+
+
+
+
+ })
+
+ Welcome to BTN Points
+
+
+ Sign in to get various voucher and items
+
+
+
+
+
+
+ Login to BTN Point
+
+
+ Doesn't have an account? Register
+
+
+ {/**/}
+
+
+ {this.state.showPassword ? : }
+
+
+ ),
+ }}
+ />
+
+
+
+
+
+
+
+
+ })
+ }/)
+ }
+ else {
+ return (