add software to detailsExpander

ref #429
This commit is contained in:
Collin M. Barrett 2018-09-15 22:10:27 -05:00
parent 06f8f1f8b7
commit b8f52f14b9

View file

@ -1,15 +1,17 @@
import * as React from "react";
import { IListLicenseDto, IListSyntaxDto, IListTagDto } from "../IFilterListDetailsDto";
import { IListLicenseDto, IListSyntaxDto, IListTagDto, ISyntaxSupportedSoftwareDto } from "../IFilterListDetailsDto";
import { Description } from "./Description";
import { DiscontinuedDate } from "./DiscontinuedDate";
import { Languages } from "./Languages";
import { License } from "./License";
import { PublishedDate } from "./PublishedDate";
import { RuleCount } from "./RuleCount";
import { SoftwareIcon } from "../../listsTable/SoftwareIcon";
import { Syntax } from "./Syntax";
import { Tags } from "./Tags";
import { UpdatedDate } from "./UpdatedDate";
interface IProps {
description: string;
descriptionSourceUrl: string;
@ -27,6 +29,10 @@ interface IProps {
export const InfoCard = (props: IProps) => {
return <div className="col-9">
<Tags tags={props.tags}/>
<div className="d-md-none">
{props.syntax.supportedSoftware.map(
(s: ISyntaxSupportedSoftwareDto, i: any) => <SoftwareIcon id={s.id} key={i}/>)}
</div>
<Description {...props} url={props.descriptionSourceUrl}/>
<ul className="list-group list-group-flush">
<Languages languages={props.languages}/>