Do not show tooltip with empty content

Do not show tooltip with empty content.

See: https://github.com/ansible/awx/issues/9323

awx/ui_next/src/components/StatusLabel/StatusLabel.jsx

@@ -53,13 +53,21 @@ export default function StatusLabel({ status, tooltipContent = '' }) {
   const color = colors[status] || 'grey';
   const Icon = icons[status];
 
+  const renderLabel = () => (
+    <Label variant="outline" color={color} icon={Icon ? <Icon /> : null}>
+      {label}
+    </Label>
+  );
+
   return (
     <>
-      <Tooltip content={tooltipContent} position="top">
+      {tooltipContent ? (
-        <Label variant="outline" color={color} icon={Icon ? <Icon /> : null}>
+        <Tooltip content={tooltipContent} position="top">
-          {label}
+          {renderLabel()}
-        </Label>
+        </Tooltip>
-      </Tooltip>
+      ) : (
+        renderLabel()
+      )}
     </>
   );
 }

awx/ui_next/src/components/StatusLabel/StatusLabel.test.jsx

@@ -9,6 +9,7 @@ describe('StatusLabel', () => {
     expect(wrapper.find('CheckCircleIcon')).toHaveLength(1);
     expect(wrapper.find('Label').prop('color')).toEqual('green');
     expect(wrapper.text()).toEqual('Success');
+    expect(wrapper.find('Tooltip')).toHaveLength(0);
   });
 
   test('should render failed', () => {
@@ -58,4 +59,16 @@ describe('StatusLabel', () => {
     expect(wrapper.find('Label').prop('color')).toEqual('orange');
     expect(wrapper.text()).toEqual('Canceled');
   });
+
+  test('should render tooltip', () => {
+    const wrapper = mount(
+      <StatusLabel tooltipContent="Foo" status="success" />
+    );
+    expect(wrapper).toHaveLength(1);
+    expect(wrapper.find('CheckCircleIcon')).toHaveLength(1);
+    expect(wrapper.find('Label').prop('color')).toEqual('green');
+    expect(wrapper.text()).toEqual('Success');
+    expect(wrapper.find('Tooltip')).toHaveLength(1);
+    expect(wrapper.find('Tooltip').prop('content')).toEqual('Foo');
+  });
 });