mirror of
https://github.com/franjsco/tick3t
synced 2025-06-05 22:19:18 +02:00
refactor: CreateTicketCard
This commit is contained in:
@@ -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) {
|
|
||||||
super(props);
|
|
||||||
this.state = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
return (
|
||||||
<Card
|
<Card
|
||||||
headAlign="center"
|
headAlign="center"
|
||||||
title="Create Ticket"
|
title="Create Ticket"
|
||||||
subtitle="Create a new ticket"
|
subtitle="Create a new ticket"
|
||||||
bodyAlign="center"
|
bodyAlign="center" >
|
||||||
>
|
|
||||||
<Logo
|
<Logo
|
||||||
style={style}
|
style={style}
|
||||||
src={logoSVG}
|
src={logoCreateTicket}
|
||||||
alt="Create Ticket"
|
alt="Create Ticket" />
|
||||||
/>
|
|
||||||
|
|
||||||
<Button
|
<Button
|
||||||
tag={Link}
|
tag={Link}
|
||||||
to="/create"
|
to="/create" >
|
||||||
>
|
|
||||||
Create Ticket
|
Create Ticket
|
||||||
</Button>
|
</Button>
|
||||||
</Card>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export default CreateTicketCard;
|
export default CreateTicketCard;
|
Reference in New Issue
Block a user