mirror of
https://github.com/verdaccio/verdaccio.git
synced 2024-12-16 21:56:25 -05:00
chore: remove unused file
This commit is contained in:
Juan Picado
parent
99b947a2a5
commit
dc4fa8e20d
2 changed files with 0 additions and 246 deletions
|
|
@ -1,246 +0,0 @@
|
|||
import Translate from '@docusaurus/Translate';
|
||||
import Tooltip from '@mui/material/Tooltip';
|
||||
import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
|
||||
import Avatar from '@mui/material/Avatar';
|
||||
import Badge from '@mui/material/Badge';
|
||||
import Chip from '@mui/material/Chip';
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
import Grid from '@mui/material/Grid';
|
||||
import IconButton from '@mui/material/IconButton';
|
||||
import List from '@mui/material/List';
|
||||
import ListItem from '@mui/material/ListItem';
|
||||
import ListItemIcon from '@mui/material/ListItemIcon';
|
||||
import ListItemText from '@mui/material/ListItemText';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import { green, yellow } from '@mui/material/colors';
|
||||
import { makeStyles, withStyles } from '@mui/styles';
|
||||
import { ThemeProvider, createTheme } from '@mui/material/styles';
|
||||
import EmojiEventsIcon from '@mui/icons-material/EmojiEvents';
|
||||
import MergeTypeIcon from '@mui/icons-material/MergeType';
|
||||
import StarIcon from '@mui/icons-material/Star';
|
||||
import Layout from '@theme/Layout';
|
||||
import React from 'react';
|
||||
|
||||
const generateImage = (id) => `https://avatars3.githubusercontent.com/u/${id}?s=120&v=4`;
|
||||
|
||||
const theme = createTheme({
|
||||
palette: {
|
||||
primary: {
|
||||
main: '#4B5E40',
|
||||
},
|
||||
secondary: {
|
||||
main: '#808a79',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const useStyles = makeStyles(({ theme }: { theme: any }) =>({
|
||||
'@global': {
|
||||
inline: {
|
||||
display: 'inline',
|
||||
},
|
||||
starColor: {
|
||||
color: yellow[500],
|
||||
},
|
||||
archived: {
|
||||
opacity: `0.4`,
|
||||
},
|
||||
emojiEvent: {
|
||||
color: green[800],
|
||||
},
|
||||
},
|
||||
}));
|
||||
|
||||
const StyledBadge = withStyles(() => ({
|
||||
badge: {
|
||||
right: -3,
|
||||
top: 8,
|
||||
padding: '0 4px',
|
||||
},
|
||||
}))(Badge);
|
||||
|
||||
function ListItemLink(props) {
|
||||
return <ListItem button component="a" {...props} />;
|
||||
}
|
||||
|
||||
type ContributorsProps = {
|
||||
contributors: any;
|
||||
};
|
||||
|
||||
function convertItemTo(item) {
|
||||
const node = {
|
||||
url: item.login,
|
||||
userId: item.id,
|
||||
id: `key-${item.login}`,
|
||||
contributions: item.contributions,
|
||||
repositories: item.repositories,
|
||||
};
|
||||
|
||||
return { node };
|
||||
}
|
||||
|
||||
const Contributors: React.FC<ContributorsProps> = ({ contributors }): React.ReactElement => {
|
||||
const [user, setUser] = React.useState(null);
|
||||
const [open, setOpen] = React.useState(false);
|
||||
const classes = useStyles();
|
||||
|
||||
const handleClickOpen = (item) => {
|
||||
setUser(item);
|
||||
setOpen(true);
|
||||
};
|
||||
|
||||
const handleClose = () => {
|
||||
setOpen(false);
|
||||
setUser(null);
|
||||
};
|
||||
|
||||
const handleKeyDown = (event, userItem) => {
|
||||
if (event.keyCode === 13) {
|
||||
handleClickOpen(userItem);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
title="Contributors"
|
||||
description="Verdaccio Contributors, thanks to the community Verdaccio keeps running"
|
||||
>
|
||||
<ThemeProvider theme={theme}>
|
||||
<div style={{ display: 'flex', width: '80%', flexFlow: 'wrap', margin: '1rem auto' }}>
|
||||
<header>
|
||||
<h1>
|
||||
<Translate>Contributors </Translate>
|
||||
<span>({contributors.length}) 🎉🎉🎉</span>
|
||||
</h1>
|
||||
<p>
|
||||
<Translate>
|
||||
Thanks to everyone involved in maintaining and improving Verdaccio, this page is a
|
||||
way to thank you for all the effort you have put on it.
|
||||
</Translate>
|
||||
<b style={{ marginLeft: '0.5rem' }}>
|
||||
<Translate>Thanks</Translate>!!!
|
||||
</b>
|
||||
</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div style={{ display: 'flex', width: '80%', flexFlow: 'wrap', margin: '1rem auto' }}>
|
||||
{contributors.map((item, index) => {
|
||||
const userItem = convertItemTo(item);
|
||||
return (
|
||||
<div
|
||||
title={userItem.node.url}
|
||||
role="button"
|
||||
tabIndex={index}
|
||||
style={{ flex: 'auto', cursor: 'pointer', margin: '10px' }}
|
||||
key={userItem.node.url}
|
||||
onKeyDown={(event) => handleKeyDown(event, userItem)}
|
||||
onClick={() => handleClickOpen(userItem)}
|
||||
>
|
||||
<Avatar
|
||||
src={generateImage(userItem.node.userId)}
|
||||
alt={userItem.node.url}
|
||||
className={classes.large}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
{user && (
|
||||
<Dialog onClose={handleClose} aria-labelledby="simple-dialog-title" open={open}>
|
||||
<DialogTitle id="simple-dialog-title">
|
||||
<Grid justifyContent="center" alignItems="center" justify="center">
|
||||
<Grid item lg={3} md={3} sm={3}>
|
||||
<a
|
||||
href={'https://github.com/' + user.node.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<Avatar
|
||||
src={generateImage(user.node.userId)}
|
||||
alt={user.node.url}
|
||||
className={classes.medium}
|
||||
/>
|
||||
</a>
|
||||
</Grid>
|
||||
<Grid lg={6} md={6} sm={6}>
|
||||
<Typography variant="h6">{user.node.url}</Typography>
|
||||
</Grid>
|
||||
<Grid lg={2} md={2} sm={2}>
|
||||
<Chip
|
||||
icon={<EmojiEventsIcon className={classes.emojiEvent} />}
|
||||
label={user.node.contributions}
|
||||
color="default"
|
||||
/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</DialogTitle>
|
||||
|
||||
<DialogContent>
|
||||
<div className={classes.root}>
|
||||
<List component="nav" aria-label="main mailbox folders">
|
||||
{user.node.repositories.map((repo) => {
|
||||
return (
|
||||
<ListItemLink
|
||||
className={repo.archived ? classes.archived : ''}
|
||||
key={repo.name}
|
||||
href={repo.html_url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<ListItemIcon>
|
||||
<Badge
|
||||
badgeContent={repo.contributions}
|
||||
color="green"
|
||||
max={9999}
|
||||
anchorOrigin={{
|
||||
vertical: 'top',
|
||||
horizontal: 'right',
|
||||
}}
|
||||
>
|
||||
<MergeTypeIcon />
|
||||
</Badge>
|
||||
</ListItemIcon>
|
||||
<Tooltip title={repo.archived ? 'archived' : ''}>
|
||||
<ListItemText
|
||||
primary={<Typography color="primary">{repo.name}</Typography>}
|
||||
secondary={
|
||||
<Typography color="secondary" variant="body2">
|
||||
{repo.description}
|
||||
</Typography>
|
||||
}
|
||||
/>
|
||||
</Tooltip>
|
||||
<ListItemSecondaryAction
|
||||
className={repo.archived ? classes.archived : ''}
|
||||
>
|
||||
<a
|
||||
href={'https://github.com/' + repo.full_name + '/stargazers'}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<IconButton edge="end" aria-label="delete">
|
||||
<StyledBadge badgeContent={repo.staergezers} max={999}>
|
||||
<StarIcon className={classes.starColor} />
|
||||
</StyledBadge>
|
||||
</IconButton>
|
||||
</a>
|
||||
</ListItemSecondaryAction>
|
||||
</ListItemLink>
|
||||
);
|
||||
})}
|
||||
</List>
|
||||
</div>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
)}
|
||||
</ThemeProvider>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Contributors;
|
||||
Loading…
Reference in a new issue