Adjusting errors and warning tables in discovery report

Signed-off-by: Montse Ortega <mortegag@redhat.com>

Author: ammont82

src/migration-wizard/steps/discovery/assessment-report/Dashboard.tsx

@@ -112,16 +112,16 @@ export const Dashboard: React.FC<Props> = ({
           </Gallery>
         </GridItem>
         <GridItem span={12}>
-          <Gallery hasGutter minWidths={{ default: '300px', md: '45%' }}>
+          <Gallery hasGutter minWidths={{ default: '300px', md: '45%' }}>            
             <GalleryItem>
-              <ErrorTable
-                errors={vms.notMigratableReasons}
+              <WarningsTable
+                warnings={vms.migrationWarnings}
                 isExportMode={isExportMode}
               />
             </GalleryItem>
             <GalleryItem>
-              <WarningsTable
-                warnings={vms.migrationWarnings}
+              <ErrorTable
+                errors={vms.notMigratableReasons}
                 isExportMode={isExportMode}
               />
             </GalleryItem>

src/migration-wizard/steps/discovery/assessment-report/ErrorTable.tsx

@@ -26,22 +26,35 @@ export const ErrorTable: React.FC<ErrorTableProps> = ({
         Errors
       </CardTitle>
       <CardBody style={{ padding: 0 }}>
-        <div
-          style={{
-            maxHeight: tableHeight,
-            overflowY: 'auto',
-            overflowX: 'auto',
-            padding: 2,
-          }}
-        >
-          <ReportTable<MigrationIssue>
-            data={errors}
-            columns={['Description', 'Total']}
-            fields={['assessment', 'count']}
-            withoutBorder
-            caption="Virtual machine validations"
-          />
-        </div>
+        {errors.length === 0 ? (
+          <div
+            style={{
+              padding: '16px',
+              textAlign: 'center',
+              color: '#6a6e73',
+              fontStyle: 'italic',
+            }}
+          >
+            No errors found
+          </div>
+        ) : (
+          <div
+            style={{
+              maxHeight: tableHeight,
+              overflowY: 'auto',
+              overflowX: 'auto',
+              padding: 2,
+            }}
+          >
+            <ReportTable<MigrationIssue>
+              data={errors}
+              columns={['Description', 'Total']}
+              fields={['assessment', 'count']}
+              withoutBorder
+              caption="Virtual machine validations"
+            />
+          </div>
+        )}
       </CardBody>
     </Card>
   );