From 3940a4818cfb53301a77204d2417cba29c8101a1 Mon Sep 17 00:00:00 2001 From: frab1t <33671357+frab1t@users.noreply.github.com> Date: Wed, 8 May 2019 16:31:23 +0200 Subject: [PATCH] new table component --- src/containers/ViewTicket/ViewTicket.js | 86 +++++++------------------ 1 file changed, 22 insertions(+), 64 deletions(-) diff --git a/src/containers/ViewTicket/ViewTicket.js b/src/containers/ViewTicket/ViewTicket.js index 1017d50..16accfc 100644 --- a/src/containers/ViewTicket/ViewTicket.js +++ b/src/containers/ViewTicket/ViewTicket.js @@ -1,15 +1,8 @@ import React, { Component } from 'react'; -import { - Card, - CardBody, - CardTitle, - CardText, - Col, - Row, - Table -} from 'reactstrap'; +import { Link } from 'react-router-dom'; -import './ViewTicket.css'; +import Card from '../../components/Card'; +import Table from '../../components/Table'; class ViewTicket extends Component { constructor(props) { @@ -17,6 +10,7 @@ class ViewTicket extends Component { this.state = { data: {}, + error: '', isLoading: false, }; } @@ -24,7 +18,7 @@ class ViewTicket extends Component { componentDidMount() { this.setState({ isLoading: true }); - const { match: {params}} = this.props; + const { match: { params } } = this.props; fetch(`http://localhost:3001/tickets?id=${params.ticketId}`) .then(response => { @@ -35,74 +29,38 @@ class ViewTicket extends Component { } }) .then(json => { - if(json.length){ + if (json.length) { this.setState({ data: json[0], isLoading: false }) } else { throw new Error('Ticket Not found'); } }) - .catch(error => this.setState({ error, isLoading: false})); + .catch(error => this.setState({ error, isLoading: false })); } render() { - const {data, isLoading, error} = this.state; - + const { data, isLoading, error } = this.state; + if (error) { - return

{error.message}

+ return ( + +

{error.message}

+
+ ) } if (isLoading) { return '' // add spinner } - - return ( -
- - -
View Ticket
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Ticket-ID: {data.id }
Status{data.status}
Creation Date{data.createdAt}
Update Date{data.updateAt}
Created By{`${data.firstName} ${data.lastName}`}
Type{ data.type }
Subject{ data.subject }
- -
-
-
-
-
+ return ( + + + Go to home + ); } }