feat(helm): update helm view [r8s-256] (#582)

Co-authored-by: Cara Ryan <cara.ryan@portainer.io>
Co-authored-by: James Player <james.player@portainer.io>
Co-authored-by: stevensbkang <skan070@gmail.com>

app/react/kubernetes/helm/HelmApplicationView/ReleaseDetails/ResourcesTable/DescribeModal.tsx

@@ -0,0 +1,57 @@
+import { Alert } from '@@/Alert';
+import { InlineLoader } from '@@/InlineLoader';
+import { Modal } from '@@/modals';
+import { ModalBody } from '@@/modals/Modal/ModalBody';
+import { ModalHeader } from '@@/modals/Modal/ModalHeader';
+import { CodeEditor } from '@@/CodeEditor';
+
+import { useDescribeResource } from './queries/useDescribeResource';
+
+type Props = {
+  name: string;
+  resourceType?: string;
+  namespace?: string;
+  onDismiss: () => void;
+};
+
+export function DescribeModal({
+  name,
+  resourceType,
+  namespace,
+  onDismiss,
+}: Props) {
+  const title = `Describe ${resourceType}`;
+
+  const { data, isLoading, isError } = useDescribeResource(
+    name,
+    resourceType,
+    namespace
+  );
+
+  return (
+    <Modal onDismiss={onDismiss} size="lg" aria-label={title}>
+      <ModalHeader title={title} />
+      <ModalBody>
+        {isLoading ? (
+          <InlineLoader>Loading...</InlineLoader>
+        ) : (
+          <>
+            {isError ? (
+              <Alert color="error" title="Error">
+                Error loading resource details
+              </Alert>
+            ) : (
+              <CodeEditor
+                id="describe-resource"
+                data-cy="describe-resource"
+                readonly
+                value={data?.describe}
+                type="yaml"
+              />
+            )}
+          </>
+        )}
+      </ModalBody>
+    </Modal>
+  );
+}