From 897f8d0a418aab0f7c2989af7e184ea1ca538fe2 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Thu, 5 Oct 2023 16:22:14 +0800
Subject: [PATCH] Issue #45: fix all conformance, not show Not-conformance
 Issues title Done.

---
 .../Discover/Conformance/ConformanceResults.vue       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index 8bd89b9..927aa5c 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -134,10 +134,13 @@
       </div>
     </div>
     <div v-else>
-      <p v-if="data.loops === null" class="h2 text-base">Non-conformance Issues</p>
-      <div class="flex w-full" :class="data.issues === null || data.issues.length === 0 ? '' : 'gap-4'">
+      <div>
+        <div v-if="(data.issues?.length == 0 || data.issues == null) && data.timeTrend.chart == null"></div>
+        <p v-else="data.loops === null" class="h2 text-base">Non-conformance Issues</p>
+      </div>
+      <div class="flex w-full" :class="data.issues === null || data.issues?.length === 0 ? '' : 'gap-4'">
         <!-- Issues chart -->
-        <div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10" :class="data.issues === null || data.issues.length === 0 ? 'w-full' : 'w-1/2'">
+        <div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10" :class="data.issues === null || data.issues?.length === 0 ? 'w-full' : 'w-1/2'">
           <p class="h2 p-2 flex justify-between items-center">
             <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.timeTrend">info</span></span>
             <span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>&nbsp/&nbsp{{ data.timeTrend.total }}</span>
@@ -145,7 +148,7 @@
           <Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
         </div>
         <!-- Issues list -->
-        <div v-if="data.issues === null || data.issues.length === 0"></div>
+        <div v-if="data.issues === null || data.issues?.length === 0"></div>
         <div v-else class="border rounded border-neutral-300 p-2 bg-neutral-10 " :class="data.timeTrend.chart !== null ? 'w-1/2' : 'w-full'">
           <p class="h2 pl-2 mb-2">Issue List</p>
           <table class="text-sm min-w-full table-fixed">