Last change
on this file since ffd50db was e5b84dc, checked in by Marko <Marko@…>, 2 years ago |
Prototype version
|
-
Property mode
set to
100644
|
File size:
1.0 KB
|
Rev | Line | |
---|
[dbd4834] | 1 | import React, { Component } from 'react'
|
---|
| 2 | import './PhoneCardComponent.css'
|
---|
| 3 | import Paper from '@mui/material/Paper';
|
---|
| 4 | import { Link } from 'react-router-dom';
|
---|
| 5 |
|
---|
| 6 | export class PhoneCardComponent extends Component {
|
---|
| 7 |
|
---|
| 8 | constructor(props) {
|
---|
| 9 | super(props)
|
---|
| 10 |
|
---|
| 11 | this.state = {
|
---|
| 12 |
|
---|
| 13 | }
|
---|
| 14 | }
|
---|
| 15 |
|
---|
| 16 |
|
---|
| 17 |
|
---|
| 18 | render() {
|
---|
| 19 | return (
|
---|
| 20 | <Link style={{ textDecoration: 'none' }} to={"phones/"+this.props.id}>
|
---|
| 21 | <Paper sx={{borderRadius: '50px'}} className='phonecard-paper' elevation={3}>
|
---|
| 22 | <div className='phonecard'>
|
---|
| 23 | <img src={this.props.image_url}/>
|
---|
| 24 | <h3 className='phonecard-model-header'>{this.props.model}</h3>
|
---|
| 25 | <h5 className='phonecard-lowestprice-header'>Најниска цена: <p className='phonecard-lowestprice'>{this.props.lowestPrice}</p> ден.</h5>
|
---|
[e5b84dc] | 26 | <h5 className='phonecard-totaloffers-header'>Вкупно понуди: <p className='phonecard-totaloffers'>{this.props.total_offers}</p></h5>
|
---|
[dbd4834] | 27 | </div>
|
---|
| 28 | </Paper>
|
---|
| 29 | </Link>
|
---|
| 30 | )
|
---|
| 31 | }
|
---|
| 32 | }
|
---|
| 33 |
|
---|
| 34 | export default PhoneCardComponent
|
---|
Note:
See
TracBrowser
for help on using the repository browser.