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

feat : newItemCard:

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-06 14:50:31 +07:00
parent 2b95babb34
commit 6bbddbc23b
1 changed files with 19 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/common/pages/Dashboard/NewItemCard.js
View File

@ -1,7 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import Slider from "react-slick"; import Slider from "react-slick";
export default class PopularItemCardComponent extends Component { export default class NewItemCardComponent extends Component {
render() { render() {
const settings = { const settings = {
dots: true, dots: true,
@ -40,45 +40,35 @@ export default class PopularItemCardComponent extends Component {
const data = [ const data = [
{ {
image:"https://img13.jd.id/Indonesia/s202x202_/nHBfsgAAggAAABoABFM3nAAEXbA.jpg.webp", image:"https://img12.jd.id/Indonesia/s202x202_/nHBfsgAAoQAAABMADp8gVwAPqRY.jpg.webp",
name:"Sharetea - Avocado Cocoa Rocksalt & Cheese Large Size", name:"Raa Cha Suki & BBQ - Voucher Value Rp 100.000",
price:"21.000"
},
{
image:"https://img14.jd.id/Indonesia/s202x202_/nHBfsgAAIQAAAAMADA5mOgAEk8c.png.webp",
name:"Tiket Masuk Ocean Dream Samudra - Annual Pass",
price:"170.000"
},
{
image:"https://img11.jd.id/Indonesia/s202x202_/nHBfsgAAuAAAAAkAA3z7VgAHUxo.jpg.webp",
name:"Sharetea - Avocado Cocoa Rocksalt & Cheese Large Size",
price:"90.000" price:"90.000"
}, },
{ {
image:"https://img20.jd.id/Indonesia/s202x202_/nHBfsgAAFgAAABwACxRf5gACNwE.jpg.webp", image:"https://img13.jd.id/Indonesia/s202x202_/nHBfsgAAcQAAABkAF57sQQAPIcE.jpg.webp",
name:"YOSHINOYA - Value Voucher Rp 100.000", name:"Gokana Ramen & Teppan - Voucher Value Rp 100.000",
price:"90.000" price:"90.000"
}, },
{ {
image:"https://img13.jd.id/Indonesia/s202x202_/nHBfsgAATwAAABUABZrMEQAFL3g.jpg.webp", image:"https://img10.jd.id/Indonesia/s202x202_/nHBfsgAAEwAAABkAFtWOJgABokU.jpg.webp",
name:"Fitness One - Membership 1 Bulan (Value Rp 625.000)", name:"KFC Voucher Value Rp 50.000",
price:"21.000" price:"45.000"
}, },
{ {
image:"https://img10.jd.id/Indonesia/s202x202_/nHBfsgAAEQAAAAYABowcXAACSis.png.webp", image:"https://img10.jd.id/Indonesia/s202x202_/nHBfsgAAagAAAAkAG0QyjQAGIe0.jpg.webp",
name:"Tiket Dunia Fantasi Ancol - Annual Pass (Bebas Main 1 Tahun)", name:"BOGA Group Voucher Value Rp 100.000",
price:"325.000" price:"90.000"
}, },
{ {
image:"https://img12.jd.id/Indonesia/s202x202_/nHBfsgAAtAAAAAYAAhB8RwAFsSU.png.webp", image:"https://img12.jd.id/Indonesia/s202x202_/nHBfsgAA2gAAAAgACQTXGQANpmI.jpg.webp",
name:"Waterbom PIK - All Day Pass Ticket", name:"Chopstix - Voucher Value Rp 100.000",
price:"88.000" price:"80.000"
}, },
{ {
image:"https://img11.jd.id/Indonesia/s202x202_/nHBfsgAA0wAAAAsAAgIg7AADiWM.jpg.webp", image:"https://img10.jd.id/Indonesia/s202x202_/nHBfsgAAGQAAABgAEKAtKQABhS0.jpg.webp",
name:"Kompas - Digital Premium 12 bulan", name:"Lotteria - Chicken Mix Set A",
price:"339.000" price:"37.400"
}, }
]; ];
return ( return (
<div> <div>
@ -88,7 +78,7 @@ export default class PopularItemCardComponent extends Component {
return( return(
<div> <div>
<div style={{textAlign:'center',padding:10}}> <div style={{textAlign:'center',padding:10}}>
<img src={it.image} style={{marginLeft:'auto',marginRight:'auto'}} height={'180vh'} width={'100%'} /> <img src={it.image} style={{marginLeft:'auto',marginRight:'auto'}} height={'200vh'} width={'100%'} />
{it.name} {it.name}
<br/> <br/>
<span style={{color:'#0061a7'}}>Rp. {it.price}</span> <span style={{color:'#0061a7'}}>Rp. {it.price}</span>