| /** | |
| * Copyright (c) Meta Platforms, Inc. and affiliates. | |
| * All rights reserved. | |
| * | |
| * This source code is licensed under the BSD-style license found in the | |
| * LICENSE file in the root directory of this source tree. | |
| */ | |
| const React = require('react'); | |
| const CompLibrary = require('../../core/CompLibrary.js'); | |
| const Container = CompLibrary.Container; | |
| class Users extends React.Component { | |
| render() { | |
| const {config: siteConfig} = this.props; | |
| if ((siteConfig.users || []).length === 0) { | |
| return null; | |
| } | |
| const editUrl = `${siteConfig.repoUrl}/edit/main/website/siteConfig.js`; | |
| const showcase = siteConfig.users.map(user => ( | |
| <a href={user.infoLink} key={user.infoLink}> | |
| <img src={user.image} alt={user.caption} title={user.caption} /> | |
| </a> | |
| )); | |
| return ( | |
| <div className="mainContainer"> | |
| <Container padding={['bottom', 'top']}> | |
| <div className="showcaseSection"> | |
| <div className="prose"> | |
| <h1>Who is Using This?</h1> | |
| <p>This project is used by many folks</p> | |
| </div> | |
| <div className="logos">{showcase}</div> | |
| <p>Are you using this project?</p> | |
| <a href={editUrl} className="button"> | |
| Add your company | |
| </a> | |
| </div> | |
| </Container> | |
| </div> | |
| ); | |
| } | |
| } | |
| module.exports = Users; | |