mirror of
https://github.com/verdaccio/verdaccio.git
synced 2024-12-30 22:34:10 -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