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:
Sébastien Lorber 2020-07-28 20:18:15 +02:00 committed by GitHub
parent d28a29f2c9
commit ee2d1b42f6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 97 additions and 143 deletions

View 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>
);
}