ruidy/ticket_manager
1
0
Fork 0
mirror of https://github.com/rjNemo/ticket_manager synced 2026-06-06 00:36:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update ticketlist

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-03 13:01:28 +02:00
parent 597c8066ae
commit 9e0a2f0d47
1 changed files with 44 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
client/src/components/TicketList.tsx
View file

@ -8,6 +8,7 @@ import { put } from "../utils/http";
import { Constants } from "../utils/Constants";
import { NewTicketModal } from "./NewTicketModal";
import { Project } from "../types/Project";
import { Grid, Typography } from "@material-ui/core";
type TicketListProps = {
tickets: Ticket[];
@ -49,38 +50,49 @@ export const TicketList: FC<TicketListProps> = ({
show={showNew}
allProjects={allProjects}
/>
<h3>Tickets</h3>
{addButton && (
<FloatingButton color="primary" size="small" onClick={onClick} />
)}
<FilterBar
filterText={filterText}
handleChange={handleChange}
clearFilterText={clearFilterText}
/>
</div>
<div className="col s12 grey lighten-1">
<ul>
{filteredTickets.length === 0 ? (
<HorizontalCard />
) : (
filteredTickets.map((t: Ticket) => (
<HorizontalCard
key={t.id}
title={t.title}
remainingDays={t.endingDate}
link={`/tickets/${t.id}`}
validateTicket={async (e: MouseEvent) => {
e.preventDefault();
await put<HttpResponse<Ticket>>(
`${Constants.ticketsURI}/${t.id}/closed`,
{}
);
}}
/>
))
)}
</ul>
<Grid container>
<Grid item xs>
<Typography variant="h4" component="h4">
Tickets
</Typography>
</Grid>
<Grid item xs>
{addButton && (
<FloatingButton color="primary" size="small" onClick={onClick} />
)}
</Grid>
<Grid item xs={4}>
<FilterBar
filterText={filterText}
handleChange={handleChange}
clearFilterText={clearFilterText}
/>
</Grid>
<Grid item xs={12}>
<div className="col s12 grey lighten-1">
{filteredTickets.length === 0 ? (
<HorizontalCard />
) : (
filteredTickets.map((t: Ticket) => (
<HorizontalCard
key={t.id}
title={t.title}
remainingDays={t.endingDate}
link={`/tickets/${t.id}`}
validateTicket={async (e: MouseEvent) => {
e.preventDefault();
await put<HttpResponse<Ticket>>(
`${Constants.ticketsURI}/${t.id}/closed`,
{}
);
}}
/>
))
)}
</div>
</Grid>
</Grid>
</div>
</>
);