ComputerSurge/shields
3
0
Fork 0
Code Pull Requests 1 Activity

LogoPage: Update function style (#3414)

Browse Source 
Many of the components (e.g. the ones in `common.js`) have already been converted to this style. This file was missed.
This commit is contained in:
Paul Melnikow
2019-05-06 04:51:07 -04:00
committed by Pierre-Yves B
parent ac34705524
commit 1da791e778
1 changed files with 54 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
frontend/components/development/logo-page.js
View File

@@ -19,59 +19,62 @@ const StyledTable = styled.table`
}
`
const NamedLogoTable = ({ logoNames }) => (
<StyledTable>
<thead>
<tr>
<td>Flat</td>
<td>Social</td>
</tr>
</thead>
<tbody>
{logoNames.map(name => (
<tr key={name}>
<td>
<Badge
alt={`logo: ${name}`}
src={staticBadgeUrl({
baseUrl,
label: 'named logo',
message: name,
color: 'blue',
namedLogo: name,
})}
/>
</td>
<td>
<Badge
alt={`logo: ${name}`}
src={staticBadgeUrl({
baseUrl,
label: 'Named Logo',
message: name,
color: 'blue',
namedLogo: name,
style: 'social',
})}
/>
</td>
function NamedLogoTable({ logoNames }) {
return (
<StyledTable>
<thead>
<tr>
<td>Flat</td>
<td>Social</td>
</tr>
))}
</tbody>
</StyledTable>
)
</thead>
<tbody>
{logoNames.map(name => (
<tr key={name}>
<td>
<Badge
alt={`logo: ${name}`}
src={staticBadgeUrl({
baseUrl,
label: 'named logo',
message: name,
color: 'blue',
namedLogo: name,
})}
/>
</td>
<td>
<Badge
alt={`logo: ${name}`}
src={staticBadgeUrl({
baseUrl,
label: 'Named Logo',
message: name,
color: 'blue',
namedLogo: name,
style: 'social',
})}
/>
</td>
</tr>
))}
</tbody>
</StyledTable>
)
}
NamedLogoTable.propTypes = {
logoNames: PropTypes.arrayOf(PropTypes.string).isRequired,
}
const LogoPage = () => (
<div>
<Meta />
<Header />
<H3>Named logos</H3>
<NamedLogoTable logoNames={shieldsLogos} />
<H3>Simple-icons</H3>
<NamedLogoTable logoNames={simpleIcons} />
</div>
)
export default LogoPage
export default function LogoPage() {
return (
<div>
<Meta />
<Header />
<H3>Named logos</H3>
<NamedLogoTable logoNames={shieldsLogos} />
<H3>Simple-icons</H3>
<NamedLogoTable logoNames={simpleIcons} />
</div>
)
}