fix(storage) link images from storage pool used by section and displa…

…y the project name for images Signed-off-by: David Edler <[email protected]>
canonical · Jan 17, 2024 · 629ae88 · 629ae88
1 parent 6180c5c
commit 629ae88
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/pages/storage/StorageUsedBy.tsx b/src/pages/storage/StorageUsedBy.tsx
@@ -68,11 +68,12 @@ const StorageUsedBy: FC<Props> = ({ storage, project }) => {
           <td>
             <ExpandableList
               items={data[IMAGES].map((item) => (
-                <ImageName
-                  key={`${item.name}-${item.project}`}
-                  id={item.name}
-                  project={item.project}
-                />
+                <div key={`${item.name}-${item.project}`}>
+                  <Link to={`/ui/project/${item.project}/images`}>
+                    <ImageName id={item.name} project={item.project} />
+                  </Link>
+                  {item.project !== project && ` (project ${item.project})`}
+                </div>
               ))}
             />
           </td>
@@ -106,8 +107,8 @@ const StorageUsedBy: FC<Props> = ({ storage, project }) => {
                     to={`/ui/project/${item.project}/storage/detail/${storage.name}/custom/${item.name}`}
                   >
                     {item.name}
-                    {item.project !== project && ` (project ${item.project})`}
                   </Link>
+                  {item.project !== project && ` (project ${item.project})`}
                 </div>
               ))}
             />