Conformance: layout done.(not time range)

src/views/Discover/Conformance/index.vue

@@ -1,16 +1,17 @@
 <template>
-  <main class="h-screen-main">
-    <StatusBar></StatusBar>
+  <main class="h-screen-main relative">
+    <!-- <StatusBar></StatusBar> -->
     <div class="h-full relative bg-neutral-50">
       <ConformanceSidebar></ConformanceSidebar>
       <ConformanceResults></ConformanceResults>
     </div>
-    <!-- <StatusBar></StatusBar> -->
+    <StatusBar></StatusBar>
   </main>
 </template>
 <script>
 import { storeToRefs } from 'pinia';
 import LoadingStore from '@/stores/loading.js';
+import ConformanceStore from '@/stores/conformance.js';
 import StatusBar from '@/components/Discover/Conformance/StatusBar.vue';
 import ConformanceResults from '@/components/Discover/Conformance/ConformanceResults.vue';
 import ConformanceSidebar from '@/components/Discover/Conformance/ConformanceSidebar.vue';
@@ -18,9 +19,11 @@ import ConformanceSidebar from '@/components/Discover/Conformance/ConformanceSid
 export default {
   setup() {
     const loadingStore = LoadingStore();
+    const conformanceStore = ConformanceStore();
     const { isLoading } = storeToRefs(loadingStore);
+    const { logId } = storeToRefs(conformanceStore);
 
-    return { isLoading }
+    return { isLoading, logId, conformanceStore }
   },
   components: {
     StatusBar,
@@ -28,8 +31,11 @@ export default {
     ConformanceSidebar,
   },
   async created() {
-    let logId;
-    if(this.$route.params.type === 'log') logId = this.$route.params.fileId;
+    // let logId;
+    if(this.$route.params.type === 'log') this.logId = this.$route.params.fileId;
+    console.log(this.logId);
+
+    await this.conformanceStore.getLogConformanceParams();
 
     // this.isLoading = true;
     this.isLoading = false;