ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-01-31 08:25:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update issue-list.tsx

Browse Source
This commit is contained in:
piotrpekala7 2021-01-25 15:11:00 +01:00
parent e319aa4c4e
commit df6d760444
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/components/help/report-issue/issue-list.tsx
View File

@ -1,6 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { FunctionComponent, useEffect, useRef, useState } from 'react'; import { FunctionComponent, useEffect, useRef, useState } from 'react';
import Card from 'react-bootstrap/Card'; import Card from 'react-bootstrap/Card';
import CardGroup from 'react-bootstrap/CardGroup';
const apiUrl = 'https://api.github.com/repos/GNS3/gns3-web-ui/issues'; const apiUrl = 'https://api.github.com/repos/GNS3/gns3-web-ui/issues';
@ -23,16 +24,16 @@ class IssueListComponent extends Component<any, any> {
const { issues } = this.state; const { issues } = this.state;
return ( return (
<div> <div style={{ justifyContent: 'center', display: 'flex', flex: 1, flexDirection: 'row', flexWrap: 'wrap', margin: '20px;' }}>
{issues.map(issue => {issues.map(issue =>
<Card key={issue.title} style={{ width: '18rem' }}> <Card key={issue.title} style={{ width: '300px', margin: '20px' }}>
<Card.Body> <Card.Body>
<Card.Title>{issue.title}</Card.Title> <Card.Title style={{ color: 'black' }}>{issue.title}</Card.Title>
<Card.Subtitle className="mb-2 text-muted">Status: {issue.state}</Card.Subtitle> <Card.Subtitle className="mb-2 text-muted">Status: {issue.state}</Card.Subtitle>
<Card.Text> <Card.Text style={{ color: 'black', overflowY: 'auto', height: '100px' }}>
Description: {issue.body} {issue.body}
</Card.Text> </Card.Text>
<Card.Link href="#">{issue.html_url}</Card.Link> <Card.Link href={issue.html_url} target = "_blank">{issue.html_url}</Card.Link>
</Card.Body> </Card.Body>
</Card> </Card>
)} )}