import React, { Component } from 'react' import HeaderComponent from '../HeaderComponent/HeaderComponent' import './CompareOffersComponent.css' import CompareIcon from '@mui/icons-material/Compare'; import RemoveCircleIcon from '@mui/icons-material/RemoveCircle'; import axios from 'axios'; import Tippy from '@tippyjs/react'; export class CompareOffersComponent extends Component { constructor(props) { super(props) this.state = { offersToCompare: [] } } componentDidMount() { if(localStorage.getItem('offersToCompare') && JSON.parse(localStorage.getItem('offersToCompare')).length >0) { let offersToCompareString = JSON.parse(localStorage.getItem('offersToCompare')).join(',') var config = { method: 'get', url: '/multipleoffers?offerIds='+offersToCompareString, headers: { } }; axios(config) .then(response => { this.setState({ offersToCompare: response.data }) }) .catch(error => { console.log(error); }); } } handleRemove = (event) => { let offerToRemove = event.target.getAttribute('offerid') let offers = JSON.parse(localStorage.getItem('offersToCompare')) localStorage.setItem('offersToCompare',JSON.stringify(offers.filter(offer => offer!=offerToRemove))) this.setState({ offersToCompare: this.state.offersToCompare.filter(offer => offer.id != offerToRemove) }) } render() { console.log(this.state) return (
{ this.state.offersToCompare.map((offer,idx) => | Понуда #{idx+1} |
---|---|
Име на понуда | { this.state.offersToCompare.map((offer,idx) =>{offer.offer_name} | ) }
Продавница | { this.state.offersToCompare.map((offer,idx) =>{offer.offer_shop} | ) }
Цена | { this.state.offersToCompare.map((offer,idx) =>{offer.price} | ) }
РАМ меморија | { this.state.offersToCompare.map((offer,idx) =>{offer.ram_memory == null || offer.ram_memory == '' ? '/' : offer.ram_memory} | ) }
РОМ меморија | { this.state.offersToCompare.map((offer,idx) =>{offer.rom_memory == null || offer.rom_memory == '' ? '/' : offer.rom_memory} | ) }
Предна камера | { this.state.offersToCompare.map((offer,idx) =>{offer.front_camera == null || offer.front_camera == '' ? '/' : offer.front_camera} | ) }
Задна камера | { this.state.offersToCompare.map((offer,idx) =>{offer.back_camera == null || offer.back_camera == '' ? '/' : offer.back_camera} | ) }
Процесор | { this.state.offersToCompare.map((offer,idx) =>{offer.cpu == null || offer.cpu == '' ? '/' : offer.cpu} | ) }
Чипсет | { this.state.offersToCompare.map((offer,idx) =>{offer.chipset == null || offer.chipset == '' ? '/' : offer.chipset} | ) }
Оперативен систем | { this.state.offersToCompare.map((offer,idx) =>{offer.operating_system == null || offer.operating_system == '' ? '/' : offer.operating_system} | ) }
Батерија | { this.state.offersToCompare.map((offer,idx) =>{offer.battery == null || offer.battery == '' ? '/' : offer.battery} | ) }
Боја | { this.state.offersToCompare.map((offer,idx) =>{offer.color == null || offer.color == '' ? '/' : offer.color} | ) }