chore: sync with verdaccio master

src/components/Developers/index.js

@@ -1,83 +0,0 @@
-import React, {Component} from 'react';
-
-import Avatar from '@material-ui/core/Avatar';
-import Tooltip from '@material-ui/core/Tooltip';
-import Add from '@material-ui/icons/Add';
-
-import { DetailContextConsumer } from '../../pages/version';
-
-import { Details, Heading, Content, Fab } from './styles';
-
-interface Props {
-  type: 'contributors' | 'maintainers'
-}
-
-class Developers extends Component<Props, any> {
-  state = {
-    visibleDevs: 6,
-  };
-
-  render() {
-    return (
-      <DetailContextConsumer>
-        {({ packageMeta }) => {
-          const { type } = this.props;
-          const developerType = packageMeta.latest[type];
-          if (!developerType || developerType.length === 0) return null;
-          return this.renderDevelopers(developerType, packageMeta);
-        }}
-      </DetailContextConsumer>
-    );
-  };
-
-  handleLoadMore = () => {
-    this.setState((prev) => ({ visibleDevs: prev.visibleDevs + 6 }));
-  }
-
-  renderDevelopers = (developers, packageMeta) => {
-    const { type } = this.props;
-    const { visibleDevs } = this.state;
-    return (
-      <>
-        <Heading variant={'subheading'}>{type}</Heading>
-        <Content>
-          {developers.slice(0, visibleDevs).map(developer => (
-            <Details key={developer.email}>{this.renderDeveloperDetails(developer, packageMeta)}</Details>
-          ))}
-          {visibleDevs < developers.length &&
-            <Fab onClick={this.handleLoadMore} size={'small'}><Add /></Fab>
-          }
-        </Content>
-      </>
-    );
-  }
-
-  renderLinkForMail(email, avatarComponent, packageName, version) {
-    if(!email) {
-      return avatarComponent;
-    }
-    return (
-      <a href={`mailto:${email}?subject=${packageName}@${version}`} target={"_top"}>
-        {avatarComponent}
-      </a>
-    );
-  }
-
-  renderDeveloperDetails = ({ name, avatar, email }, packageMeta) => {
-    const { 
-        name: packageName,
-        version,
-      } = packageMeta.latest;
-  
-    const avatarComponent = <Avatar aria-label={name} src={avatar} />;
-    return (
-      <Tooltip title={name}>
-        {this.renderLinkForMail(email, avatarComponent, packageName, version)}
-      </Tooltip>
-    );
-  }
-
-}
-
-
-export default Developers;

src/components/Developers/styles.js

@@ -1,38 +0,0 @@
-/**
- * @prettier
- */
-
-import styled from 'react-emotion';
-import Typography from '@material-ui/core/Typography';
-import { default as MuiFab } from '@material-ui/core/Fab';
-import colors from '../../utils/styles/colors';
-
-export const Details = styled('span')`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-
-export const Content = styled('div')`
-  margin: 10px 0 10px 0;
-  display: flex;
-  flex-wrap: wrap;
-  > * {
-    margin: 5px;
-  }
-`;
-
-export const Heading = styled(Typography)`
-  && {
-    font-weight: 700;
-    margin-bottom: 10px;
-    text-transform: capitalize;
-  }
-`;
-
-export const Fab = styled(MuiFab)`
-  && {
-    background-color: ${colors.primary};
-    color: ${colors.white};
-  }
-`;