cochrane/DockerRegistryWebUI
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added tooltip for digest

Browse Source
This commit is contained in:
CodeServer 2022-04-12 11:58:37 +01:00
parent 2b64cea00a
commit 063908baea
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/repositoryInfo/RepositoryInfo.tsx
View File

@ -40,6 +40,10 @@ const RepositoryInfo: React.FC = () => {
navigator.clipboard.writeText(generatePullCommand(hostName,tagName)); navigator.clipboard.writeText(generatePullCommand(hostName,tagName));
setSnackbarOpen(true); setSnackbarOpen(true);
}; };
const handleDigestClick = (digest: string) => {
navigator.clipboard.writeText(digest);
setSnackbarOpen(true);
};
const handleClose = () => { const handleClose = () => {
setSnackbarOpen(false); setSnackbarOpen(false);
@ -231,12 +235,21 @@ const RepositoryInfo: React.FC = () => {
<List> <List>
<ListItemButton <ListItemButton
className="lines" className="lines"
component={Link} // component={Link}
to={"/repository/" + repository.name + "/" + tag.label} // to={"/repository/" + repository.name + "/" + tag.label}
onClick={() => (handleDigestClick(tag.digest))}
> >
<Grid container> <Grid container>
<Grid item sm={5}> <Grid item sm={5}>
<ListItemText style={{color: '#007bff'}} primary={digestDisplay(tag.digest)} /> <Tooltip
className="tooltip"
title={
tag.digest
}
placement="bottom-start"
>
<ListItemText style={{color: '#007bff'}} primary={digestDisplay(tag.digest)} />
</Tooltip>
</Grid> </Grid>
<Grid item sm={4}> <Grid item sm={4}>
<ListItemText primary={tag.os + "/" +tag.architecture} /> <ListItemText primary={tag.os + "/" +tag.architecture} />