From 063908baeae982d07b02ff02efcb3e319bad09a0 Mon Sep 17 00:00:00 2001
From: CodeServer <CodeServer@jlu42.com>
Date: Tue, 12 Apr 2022 11:58:37 +0100
Subject: [PATCH] added tooltip for digest

---
 .../repositoryInfo/RepositoryInfo.tsx         | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/repositoryInfo/RepositoryInfo.tsx b/src/components/repositoryInfo/RepositoryInfo.tsx
index dcd5f65..1422171 100644
--- a/src/components/repositoryInfo/RepositoryInfo.tsx
+++ b/src/components/repositoryInfo/RepositoryInfo.tsx
@@ -40,6 +40,10 @@ const RepositoryInfo: React.FC = () => {
         navigator.clipboard.writeText(generatePullCommand(hostName,tagName));
         setSnackbarOpen(true);
     };
+    const handleDigestClick = (digest: string) => {
+        navigator.clipboard.writeText(digest);
+        setSnackbarOpen(true);
+    };
 
     const handleClose = () => {
         setSnackbarOpen(false);
@@ -231,12 +235,21 @@ const RepositoryInfo: React.FC = () => {
                                                     <List>
                                                         <ListItemButton 
                                                             className="lines"
-                                                            component={Link}
-                                                            to={"/repository/" + repository.name + "/" + tag.label}
+                                                            // component={Link}
+                                                            // to={"/repository/" + repository.name + "/" + tag.label}
+                                                            onClick={() => (handleDigestClick(tag.digest))}
                                                         >
                                                             <Grid container>
                                                                 <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 item sm={4}>
                                                                     <ListItemText primary={tag.os + "/" +tag.architecture} />