fix: added conditional rendering for row reorder icon and disabled st…

…ate for input

src/templates/list-table-block/v2/index.vue

@@ -86,6 +86,7 @@
             <i
               class="pi pi-bars cursor-move mr-4 hidden md:inline disabled-click-row"
               data-pc-section="rowreordericon"
+              v-if="rowData.phase.content !== 'Default'"
             />
             <InputNumber
               v-model="rowData.position.value"
@@ -98,6 +99,7 @@
               :min="rowData.position.min"
               :max="rowData.position.max"
               :pt="{ input: { class: 'w-11 text-center' } }"
+              :disabled="rowData.phase.content === 'Default'"
             >
               <template #incrementbuttonicon>
                 <span class="pi pi-chevron-down" />

src/views/EdgeApplicationsRulesEngine/ListView.vue

@@ -7,11 +7,15 @@
   import { useToast } from 'primevue/usetoast'
   import PrimeButton from 'primevue/button'
   import { computed, ref, inject } from 'vue'
+  import { storeToRefs } from 'pinia'
+  import { useAccountStore } from '@/stores/account'
   import orderDialog from '@/views/EdgeApplicationsRulesEngine/Dialog/order-dialog.vue'
 
   /**@type {import('@/plugins/analytics/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
   const tracker = inject('tracker')
 
+  const { currentTheme } = storeToRefs(useAccountStore())
+
   defineOptions({ name: 'list-edge-applications-device-groups-tab' })
 
   const props = defineProps({
@@ -249,6 +253,14 @@
       }
     })
   }
+
+  const badgeClass = computed(() => {
+    if (currentTheme.value !== 'dark') {
+      return 'p-badge-lg !text-black bg-white !border-surface h-5 min-w-[20px] !text-xl'
+    } else {
+      return 'p-badge-lg !text-white bg-black !border-surface h-5 min-w-[20px] !text-xl'
+    }
+  })
 </script>
 
 <template>
@@ -322,7 +334,8 @@
 
             <PrimeButton
               label="Review Changes"
-              badgeClass="p-badge-lg !text-black !bg-white !border-surface h-5 min-w-[20px] !text-xl"
+              class="bg-surface"
+              :badgeClass="badgeClass"
               :loading="isLoadingButtonOrder"
               :disabled="isLoadingButtonOrder"
               data-testid="rules-engine-save-order-button"