From 4566bee0e31b9aec8d6b1ae72296255021df2e4a Mon Sep 17 00:00:00 2001
From: Muaz Othman <muaz@cypress.io>
Date: Tue, 3 May 2022 09:56:50 -0500
Subject: [PATCH] Fixed code styling issues

---
 packages/app/src/specs/RunStatusDots.vue | 54 +++++++++++++-----------
 packages/app/src/specs/SpecsList.vue     | 14 +++---
 2 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/packages/app/src/specs/RunStatusDots.vue b/packages/app/src/specs/RunStatusDots.vue
index f733dd972d74..e733bf321145 100644
--- a/packages/app/src/specs/RunStatusDots.vue
+++ b/packages/app/src/specs/RunStatusDots.vue
@@ -28,8 +28,8 @@
 
 <script setup lang="ts">
 
-import type { CloudRun } from '@packages/graphql/src/gen/cloud-source-types.gen'
-import { computed} from 'vue'
+import type { CloudRun } from '../packages/graphql/src/gen/cloud-source-types.gen'
+import { computed } from 'vue'
 import CancelledIcon from '~icons/cy/cancelled-solid_x16.svg'
 import ErroredIcon from '~icons/cy/errored-solid_x16.svg'
 import FailedIcon from '~icons/cy/failed-solid_x16.svg'
@@ -43,20 +43,22 @@ const props = withDefaults(defineProps<{
   runs: Maybe<CloudRun>[]
 }>(), { runs: () => [] })
 
-const dotClasses = computed(()=>{
-  const statuses = ['placeholder','placeholder','placeholder']
-  if(props.runs && props.runs.length>0){
-    for (let i = 1; i < Math.min(props.runs.length,4); i++) {
-      statuses[i-1] = props.runs[i]?.status??"";
+const dotClasses = computed(() => {
+  const statuses = ['placeholder', 'placeholder', 'placeholder']
+
+  if (props.runs && props.runs.length > 0) {
+    for (let i = 1; i < Math.min(props.runs.length, 4); i++) {
+      statuses[i - 1] = props.runs[i]?.status ?? ''
     }
   }
-  return statuses.reverse().map(s=> {
-    switch(s){
-      case 'PASSED': 
+
+  return statuses.reverse().map((s) => {
+    switch (s) {
+      case 'PASSED':
         return 'icon-light-jade-400'
       case 'RUNNING':
         return 'icon-light-indigo-400'
-      case 'FAILED': 
+      case 'FAILED':
         return 'icon-light-red-400'
       case 'ERRORED':
       case 'OVERLIMIT':
@@ -65,31 +67,33 @@ const dotClasses = computed(()=>{
       case 'NOTESTS':
         return 'icon-light-gray-400'
       case 'CANCELLED':
-      default: 
+      default:
         return 'icon-light-gray-300'
     }
   })
 })
 
-const latestStatus = computed(()=>{
-  if(props.runs == null || props.runs.length===0 || props.runs[0] === null)
-    return {icon: PlaceholderIcon, spin: false}
-  switch(props.runs[0]?.status){
-    case 'PASSED': 
-      return {icon: PassedIcon, spin: false}
+const latestStatus = computed(() => {
+  if (props.runs == null || props.runs.length === 0 || props.runs[0] === null) {
+    return { icon: PlaceholderIcon, spin: false }
+  }
+
+  switch (props.runs[0]?.status) {
+    case 'PASSED':
+      return { icon: PassedIcon, spin: false }
     case 'RUNNING':
-      return {icon: RunningIcon, spin: true}
-    case 'FAILED': 
-      return {icon: FailedIcon, spin: false}
+      return { icon: RunningIcon, spin: true }
+    case 'FAILED':
+      return { icon: FailedIcon, spin: false }
     case 'ERRORED':
     case 'OVERLIMIT':
     case 'TIMEDOUT':
-      return {icon: ErroredIcon, spin: false}
+      return { icon: ErroredIcon, spin: false }
     case 'NOTESTS':
     case 'CANCELLED':
-      return {icon: CancelledIcon, spin: false}
-    default: 
-      return {icon: PlaceholderIcon, spin: false}
+      return { icon: CancelledIcon, spin: false }
+    default:
+      return { icon: PlaceholderIcon, spin: false }
   }
 })
 
diff --git a/packages/app/src/specs/SpecsList.vue b/packages/app/src/specs/SpecsList.vue
index e7a929d951fa..7db80a8b9ea2 100644
--- a/packages/app/src/specs/SpecsList.vue
+++ b/packages/app/src/specs/SpecsList.vue
@@ -108,7 +108,7 @@
               :gql="row.data.data.gitInfo"
             />
           </template>
-          
+
           <template #latest-runs>
             <RunStatusDots
               v-if="row.data.isLeaf"
@@ -150,7 +150,7 @@ import Alert from '../../../frontend-shared/src/components/Alert.vue'
 import InlineCodeFragment from '../../../frontend-shared/src/components/InlineCodeFragment.vue'
 import WarningIcon from '~icons/cy/warning_x16.svg'
 import { useRoute } from 'vue-router'
-import type { CloudProjectSpecs, CloudRun } from '@packages/graphql/src/gen/cloud-source-types.gen'
+import type { CloudProjectSpecs, CloudRun } from '../packages/graphql/src/gen/cloud-source-types.gen'
 
 const route = useRoute()
 const { t } = useI18n()
@@ -184,7 +184,6 @@ fragment SpecsList on Spec {
 }
 `
 
-
 // gql`
 // fragment CloudSpecData on CloudProject {
 //   # temporarily use hardcoded paths, pending an update to the GQL layer
@@ -225,10 +224,10 @@ const props = defineProps<{
 }>()
 
 const testingRuns: CloudRun[] = [
-  { id: "4", status: "RUNNING"},
-  { id: "3", status: "PASSED"},
-  { id: "2", status: "FAILED"},
-];
+  { id: '4', status: 'RUNNING' },
+  { id: '3', status: 'PASSED' },
+  { id: '2', status: 'FAILED' },
+]
 
 const emit = defineEmits<{
   (e: 'showCreateSpecModal'): void
@@ -267,6 +266,7 @@ function handleClear () {
 const specs = computed(() => {
   const specs2 = cachedSpecs.value.map((x) => {
     const s = makeFuzzyFoundSpec(x)
+
     // if(props.gql.currentProject?.cloudProject?.__typename === 'CloudProject'){
     //   const runInfo = props.gql.currentProject?.cloudProject?.specs?.find(ss=>ss?.specPath === s.name)
     //   return {