Operands related views missing displayName field

openshift · May 19, 2020 · b196625 · b196625
1 parent f810e11
commit b196625
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx b/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx
@@ -331,17 +331,15 @@ export const NamespacedClusterServiceVersionTableRow = withFallback<
 
       {/* Provided APIs */}
       <TableData className={providedAPIsColumnClass}>
-        {!_.isEmpty(providedAPIs) ? (
-          _.take(providedAPIs, 4).map((desc) => (
-            <div key={referenceForProvidedAPI(desc)}>
-              <Link to={`${route}/${referenceForProvidedAPI(desc)}`} title={desc.name}>
-                {desc.displayName}
-              </Link>
-            </div>
-          ))
-        ) : (
-          <div> - </div>
-        )}
+        {!_.isEmpty(providedAPIs)
+          ? _.take(providedAPIs, 4).map((desc) => (
+              <div key={referenceForProvidedAPI(desc)}>
+                <Link to={`${route}/${referenceForProvidedAPI(desc)}`} title={desc.name}>
+                  {desc.displayName || _.startCase(desc.kind)}
+                </Link>
+              </div>
+            ))
+          : '-'}
         {providedAPIs.length > 4 && (
           <Link to={route} title={`View ${providedAPIsFor(obj).length - 4} more...`}>
             {`View ${providedAPIsFor(obj).length - 4} more...`}
@@ -702,7 +700,7 @@ export const CRDCard: React.SFC<CRDCardProps> = (props) => {
           kind={referenceForProvidedAPI(crd)}
           title={crd.name}
           linkTo={false}
-          displayName={crd.displayName}
+          displayName={crd.displayName || _.startCase(crd.kind)}
         />
       </CardHeader>
       <CardBody>

diff --git a/frontend/packages/operator-lifecycle-manager/src/components/operand/index.tsx b/frontend/packages/operator-lifecycle-manager/src/components/operand/index.tsx
@@ -499,7 +499,7 @@ export const OperandDetails = connectToModel((props: OperandDetailsProps) => {
 
   const header = (
     <h2 className="co-section-heading">{`${
-      thisDefinition ? thisDefinition.displayName : kind
+      thisDefinition?.displayName ? thisDefinition.displayName : _.startCase(kind)
     } Overview`}</h2>
   );