Last change
on this file since 527b93f was dbd4834, checked in by Marko <Marko@…>, 2 years ago |
Homepage, login and register components added
|
-
Property mode
set to
100644
|
File size:
1.0 KB
|
Line | |
---|
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>
|
---|
26 | <h6 className='phonecard-totaloffers-header'>Вкупно понуди: <p className='phonecard-totaloffers'>{this.props.total_offers}</p></h6>
|
---|
27 | </div>
|
---|
28 | </Paper>
|
---|
29 | </Link>
|
---|
30 | )
|
---|
31 | }
|
---|
32 | }
|
---|
33 |
|
---|
34 | export default PhoneCardComponent
|
---|
Note:
See
TracBrowser
for help on using the repository browser.