1
0
mirror of https://github.com/franjsco/tick3t synced 2025-06-05 22:19:18 +02:00

refactor: CreateTicketCard

This commit is contained in:
Francesco Esposito
2019-07-31 16:08:51 +02:00
parent d650249972
commit aa04db30c0

View File

@@ -1,46 +1,36 @@
import React, { Component } from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Card from '../../components/Card'; import Card from '../../components/Card';
import Logo from '../../components/Logo'; import Logo from '../../components/Logo';
import Button from '../../components/Button'; import Button from '../../components/Button';
import logoSVG from '../../assets/assistance.svg'; import logoCreateTicket from '../../assets/create_ticket.svg';
const style = { const style = {
height: '160px', height: '160px',
margin: '30px' margin: '30px'
}; };
class CreateTicketCard extends Component { const CreateTicketCard = (props) => {
constructor(props) { return (
super(props); <Card
this.state = {}; headAlign="center"
} title="Create Ticket"
subtitle="Create a new ticket"
render() { bodyAlign="center" >
return ( <Logo
<Card style={style}
headAlign="center" src={logoCreateTicket}
title="Create Ticket" alt="Create Ticket" />
subtitle="Create a new ticket" <Button
bodyAlign="center" tag={Link}
> to="/create" >
<Logo Create Ticket
style={style} </Button>
src={logoSVG} </Card>
alt="Create Ticket" );
/>
<Button
tag={Link}
to="/create"
>
Create Ticket
</Button>
</Card>
);
}
} }
export default CreateTicketCard; export default CreateTicketCard;