refactor: renamed some state prop names

Signed-off-by: Pedro Lamas <[email protected]>

Author: pedrolamas

src/components/widgets/job-queue/JobQueueCard.vue

@@ -10,7 +10,7 @@
     <template #menu>
       <app-btn-collapse-group :collapsed="menuCollapsed">
         <app-btn
-          v-if="['ready','loading','starting'].includes(queueStatus)"
+          v-if="['ready','loading','starting'].includes(queueState)"
           small
           class="me-1 my-1"
           @click="handlePause"
@@ -24,7 +24,7 @@
           <span>{{ $t('app.general.btn.pause') }}</span>
         </app-btn>
         <app-btn
-          v-else-if="queueStatus === 'paused'"
+          v-else-if="queueState === 'paused'"
           small
           class="my-1"
           :class="{
@@ -82,8 +82,8 @@ export default class JobQueueCard extends Vue {
   @Prop({ type: Boolean })
   readonly fullscreen?: boolean
 
-  get queueStatus (): QueueState {
-    return this.$store.state.jobQueue.queue_state
+  get queueState (): QueueState {
+    return this.$store.state.jobQueue.queueState
   }
 
   handlePause () {

src/store/jobQueue/actions.ts

@@ -15,7 +15,7 @@ export const actions: ActionTree<JobQueueState, RootState> = {
 
   async updateJobsMetadata ({ state, rootState }) {
     const pathFilenames = new Set(
-      state.queued_jobs
+      state.queuedJobs
         .map(job => job.filename)
     )
 

src/store/jobQueue/getters.ts

@@ -5,7 +5,7 @@ import getFilePaths from '@/util/get-file-paths'
 
 export const getters: GetterTree<JobQueueState, RootState> = {
   getQueuedJobsWithFiles: (state, getters, rootState, rootGetters) => {
-    return state.queued_jobs.map((job): QueuedJobWithAppFile => {
+    return state.queuedJobs.map((job): QueuedJobWithAppFile => {
       const { rootPath, filename } = getFilePaths(job.filename, 'gcodes')
 
       return {
@@ -14,8 +14,4 @@ export const getters: GetterTree<JobQueueState, RootState> = {
       }
     })
   },
-
-  getQueuedJob: (state) => (jobId: string) => {
-    return state.queued_jobs.findIndex(job => job.job_id === jobId)
-  }
 }

src/store/jobQueue/mutations.ts

@@ -8,10 +8,10 @@ export const mutations: MutationTree<JobQueueState> = {
   },
 
   setQueueState (state, payload: QueueState) {
-    state.queue_state = payload
+    state.queueState = payload
   },
 
   setQueuedJobs (state, payload: QueuedJob[]) {
-    state.queued_jobs = payload || []
+    state.queuedJobs = payload || []
   }
 }

src/store/jobQueue/state.ts

@@ -2,8 +2,8 @@ import type { JobQueueState } from './types'
 
 export const defaultState = (): JobQueueState => {
   return {
-    queue_state: 'paused',
-    queued_jobs: []
+    queueState: 'paused',
+    queuedJobs: []
   }
 }
 

src/store/jobQueue/types.ts

@@ -1,8 +1,8 @@
 import type { AppFile, AppFileWithMeta } from '@/store/files/types'
 
 export interface JobQueueState {
-  queue_state: QueueState;
-  queued_jobs: QueuedJob[];
+  queueState: QueueState;
+  queuedJobs: QueuedJob[];
 }
 
 export interface QueuedJob {

src/views/Jobs.vue

@@ -34,7 +34,7 @@ export default class Configuration extends Mixins(StateMixin) {
   }
 
   get hasQueuedJobs () {
-    return this.supportsJobQueue && this.$store.state.jobQueue.queued_jobs.length > 0
+    return this.supportsJobQueue && this.$store.state.jobQueue.queuedJobs.length > 0
   }
 }
 </script>