FilesExpand file tree

master

/

cities.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

47 lines (40 loc) · 1.02 KB

master

/

cities.js

Copy path

Top

File metadata and controls

• Code
• Blame

47 lines (40 loc) · 1.02 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

import React from 'react';

import PropTypes from 'prop-types';

import Link from 'next/link';

import styled from 'styled-components';

const CityDiv = styled.div`

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

background-color: #ff686b;

border: 1px solid #e6e6e6;

border-radius: 3px;

box-shadow: 0 4px 4px rgba(0,0,0,0.5);

padding: 30px;

cursor: pointer;

transition: filter 0.2s ease-in-out;

&:hover {

filter: brightness(1.2);

}

&:active {

filter: brightness(0.8);

}

`;

export default class Cities extends React.Component {

static propTypes = {

href: PropTypes.string.isRequired,

city_event: PropTypes.object.isRequired,

}

constructor(props) {

super(props);

}

render() {

const { href, city_event } = this.props;

return (

<CityDiv onClick={()=> {window.location = href}}>

<h3> {city_event.name} </h3>

</CityDiv>

);

}

}