From 213873c8270e380a7188a1cf11cc59ee9a1d7174 Mon Sep 17 00:00:00 2001
From: Gage Krumbach <gkrumbach@gmail.com>
Date: Thu, 11 Apr 2024 14:15:28 -0500
Subject: [PATCH] Add useUser hook to EnsureCompatiblePipelineServer component

Add paragraph tags to body text in EnsureCompatiblePipelineServer component

Update pipeline rendering message
---
 .../EnsureCompatiblePipelineServer.tsx        | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/frontend/src/concepts/pipelines/EnsureCompatiblePipelineServer.tsx b/frontend/src/concepts/pipelines/EnsureCompatiblePipelineServer.tsx
index 4a649b091f..101f6a5271 100644
--- a/frontend/src/concepts/pipelines/EnsureCompatiblePipelineServer.tsx
+++ b/frontend/src/concepts/pipelines/EnsureCompatiblePipelineServer.tsx
@@ -15,6 +15,7 @@ import { ExclamationTriangleIcon } from '@patternfly/react-icons';
 import DeletePipelineServerModal from '~/concepts/pipelines/content/DeletePipelineServerModal';
 import ExternalLink from '~/components/ExternalLink';
 import NoPipelineServer from '~/concepts/pipelines/NoPipelineServer';
+import { useUser } from '~/redux/selectors';
 import { usePipelinesAPI } from './context';
 
 // TODO: Fix doc link to go to more docs on v2
@@ -29,8 +30,13 @@ const EnsureCompatiblePipelineServer: React.FC<EnsureCompatiblePipelineServerPro
   children,
 }) => {
   const { pipelinesServer } = usePipelinesAPI();
+  const { isAdmin } = useUser();
   const [isDeleting, setIsDeleting] = React.useState(false);
 
+  const bodyText = isAdmin
+    ? "Rendering of this pipeline version in the UI is no longer supported, but it can still be accessed via the API or OpenShift Console. To remove unsupported versions, delete this project's pipeline server and create a new one."
+    : 'Rendering of this pipeline version in the UI is no longer supported. To access this pipeline, contact your administrator.';
+
   if (pipelinesServer.initializing) {
     return (
       <Bullseye>
@@ -49,7 +55,7 @@ const EnsureCompatiblePipelineServer: React.FC<EnsureCompatiblePipelineServerPro
         <Bullseye data-testid="incompatible-pipelines-server">
           <EmptyState variant={EmptyStateVariant.lg}>
             <EmptyStateHeader
-              titleText="This pipeline version is no longer supported"
+              titleText="Pipeline version cannot be rendered"
               icon={
                 <EmptyStateIcon
                   color="var(--pf-v5-global--warning-color--100)"
@@ -58,20 +64,21 @@ const EnsureCompatiblePipelineServer: React.FC<EnsureCompatiblePipelineServerPro
               }
             />
             <EmptyStateBody>
-              To remove unsupported versions, delete this project&lsquo;s pipeline server and create
-              a new one.{' '}
+              <p>{bodyText}</p>
               <ExternalLink
                 text="Learn more about supported versions and data recovery"
                 to={DOCS_LINK}
               />
             </EmptyStateBody>
-            <EmptyStateFooter>
-              <EmptyStateActions>
-                <Button variant="primary" onClick={() => setIsDeleting(true)}>
-                  Delete pipeline server
-                </Button>
-              </EmptyStateActions>
-            </EmptyStateFooter>
+            {isAdmin && (
+              <EmptyStateFooter>
+                <EmptyStateActions>
+                  <Button variant="primary" onClick={() => setIsDeleting(true)}>
+                    Delete pipeline server
+                  </Button>
+                </EmptyStateActions>
+              </EmptyStateFooter>
+            )}
           </EmptyState>
         </Bullseye>
         <DeletePipelineServerModal isOpen={isDeleting} onClose={() => setIsDeleting(false)} />