From cb949e443ed30cdbdbd5d77aed411042d3fcf90c Mon Sep 17 00:00:00 2001
From: Oscar Zhou <100548325+oscarzhou-portainer@users.noreply.github.com>
Date: Tue, 3 Dec 2024 09:10:10 +1300
Subject: [PATCH] fix(volume): unable to inspect and browse volume [BE-11216]
 (#186)

---
 app/docker/views/volumes/edit/volume.html                     | 2 +-
 app/docker/views/volumes/edit/volumeController.js             | 2 ++
 .../docker/volumes/ListView/VolumesDatatable/columns/name.tsx | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/docker/views/volumes/edit/volume.html b/app/docker/views/volumes/edit/volume.html
index afdc9048e..eb4a6a795 100644
--- a/app/docker/views/volumes/edit/volume.html
+++ b/app/docker/views/volumes/edit/volume.html
@@ -14,7 +14,7 @@
                 <button
                   ng-if="showBrowseAction"
                   class="btn btn-xs btn-primary"
-                  ui-sref="docker.volumes.volume.browse({ id: volume.Id, nodeName: volume.NodeName })"
+                  ui-sref="docker.volumes.volume.browse({ id: volume.Name, nodeName: volume.NodeName })"
                   authorization="DockerAgentBrowseList"
                 >
                   <pr-icon icon="'search'" class="leading-none"></pr-icon>
diff --git a/app/docker/views/volumes/edit/volumeController.js b/app/docker/views/volumes/edit/volumeController.js
index b5e38213c..84ced2639 100644
--- a/app/docker/views/volumes/edit/volumeController.js
+++ b/app/docker/views/volumes/edit/volumeController.js
@@ -58,6 +58,8 @@ angular.module('portainer.docker').controller('VolumeController', [
 
           var containers = dataContainers.map(function (container) {
             container.volumeData = getVolumeDataFromContainer(container, $scope.volume.Id);
+
+            $scope.volume.NodeName = container.NodeName || '';
             return container;
           });
           $scope.containersUsingVolume = containers;
diff --git a/app/react/docker/volumes/ListView/VolumesDatatable/columns/name.tsx b/app/react/docker/volumes/ListView/VolumesDatatable/columns/name.tsx
index 1758ae940..98ee0e170 100644
--- a/app/react/docker/volumes/ListView/VolumesDatatable/columns/name.tsx
+++ b/app/react/docker/volumes/ListView/VolumesDatatable/columns/name.tsx
@@ -81,7 +81,7 @@ function Cell({
       <Link
         to=".volume"
         params={{
-          id: item.Id,
+          id: item.Name,
           nodeName: item.NodeName,
         }}
         data-cy={`volume-link-${name}`}
@@ -99,7 +99,7 @@ function Cell({
             props={{
               to: 'docker.volumes.volume.browse',
               params: {
-                id: item.Id,
+                id: item.Name,
                 nodeName: item.NodeName,
               },
             }}