mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-20 20:46:58 +02:00
docs(v2): add myself to /team page + add TeamProfileCard component (#3145)
* add myself to /team page + add TeamProfileCard component * apply col classes from parent to make TeamProfileCard more reusable
This commit is contained in:
parent
d28a29f2c9
commit
ee2d1b42f6
2 changed files with 97 additions and 143 deletions
49
website/src/components/TeamProfileCard/index.js
Normal file
49
website/src/components/TeamProfileCard/index.js
Normal file
|
@ -0,0 +1,49 @@
|
|||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*
|
||||
* This source code is licensed under the MIT license found in the
|
||||
* LICENSE file in the root directory of this source tree.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
|
||||
export default function TeamProfileCard({
|
||||
className,
|
||||
name,
|
||||
children,
|
||||
githubUrl,
|
||||
twitterUrl,
|
||||
}) {
|
||||
return (
|
||||
<div className={className}>
|
||||
<div className="card card--full-height">
|
||||
<div className="card__header">
|
||||
<div className="avatar avatar--vertical">
|
||||
<img
|
||||
className="avatar__photo avatar__photo--xl"
|
||||
src={githubUrl + '.png'}
|
||||
/>
|
||||
<div className="avatar__intro">
|
||||
<h3 className="avatar__name">{name}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="card__body">{children}</div>
|
||||
<div className="card__footer">
|
||||
<div className="button-group button-group--block">
|
||||
{githubUrl && (
|
||||
<a className="button button--secondary" href={githubUrl}>
|
||||
GitHub
|
||||
</a>
|
||||
)}
|
||||
{twitterUrl && (
|
||||
<a className="button button--secondary" href={twitterUrl}>
|
||||
Twitter
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue