mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-04 12:47:14 +02:00
3250662e73
* feat: add caption to users links created a shared component `Showcase` * Cleans linter * revert main.css changes — update custom.css * Move Showcase comp to website out of lib - fix layout
40 lines
911 B
JavaScript
40 lines
911 B
JavaScript
/**
|
|
* Copyright (c) 2017-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
const React = require('react');
|
|
const PropTypes = require('prop-types');
|
|
|
|
const UserLink = ({infoLink, image, caption}) => (
|
|
<a className="link" href={infoLink} key={infoLink}>
|
|
<img src={image} alt={caption} title={caption} />
|
|
<span className="caption">{caption}</span>
|
|
</a>
|
|
);
|
|
|
|
UserLink.propTypes = {
|
|
infoLink: PropTypes.string.isRequired,
|
|
image: PropTypes.string.isRequired,
|
|
caption: PropTypes.string.isRequired,
|
|
};
|
|
|
|
const Showcase = ({users}) => (
|
|
<div className="showcase">
|
|
{users.map(user => (
|
|
<UserLink key={user.infoLink} {...user} />
|
|
))}
|
|
</div>
|
|
);
|
|
|
|
Showcase.propTypes = {
|
|
users: PropTypes.array.isRequired,
|
|
};
|
|
|
|
Showcase.defaultProps = {
|
|
users: [],
|
|
};
|
|
|
|
module.exports = Showcase;
|