fix: fix tbody > tr nesting warning

This commit is contained in:
Roman Hotsiy 2018-02-05 11:45:25 +02:00
parent a7e9254b6c
commit a3cbb14f74
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0

View File

@ -46,6 +46,10 @@ const AuthHeader = styled(UnderlinedHeader)`
display: inline-block;
`;
const Table = styled.table`
width: 100%;
`;
export interface SecurityRequirementsProps {
securities: SecurityRequirementModel[];
}
@ -57,18 +61,20 @@ export class SecurityRequirements extends React.PureComponent<SecurityRequiremen
return null;
}
return (
<table>
<tr>
<AuthHeaderColumn>
<AuthHeader>Authorizations: </AuthHeader>
</AuthHeaderColumn>
<SecuritiesColumn>
{securities.map((security, idx) => (
<SecurityRequirement key={idx} security={security} />
))}
</SecuritiesColumn>
</tr>
</table>
<Table>
<tbody>
<tr>
<AuthHeaderColumn>
<AuthHeader>Authorizations: </AuthHeader>
</AuthHeaderColumn>
<SecuritiesColumn>
{securities.map((security, idx) => (
<SecurityRequirement key={idx} security={security} />
))}
</SecuritiesColumn>
</tr>
</tbody>
</Table>
);
}
}