Hide broken elements during merge

app/javascript/dashboard/routes/dashboard/settings/reports/LiveReports.vue

@@ -1,25 +1,10 @@
 <template>
   <div class="flex-1 overflow-auto p-4">
     <div class="flex flex-col md:flex-row items-center">
-      <open-conversations />
       <div
         class="flex-1 w-full max-w-full md:w-[65%] md:max-w-[65%] conversation-metric"
       >
-        <metric-card
-          :header="$t('OVERVIEW_REPORTS.AGENT_STATUS.HEADER')"
-          class="flex-1"
-        >
-          <div
-            v-for="(metric, name, index) in conversationMetrics"
-            :key="index"
-            class="metric-content flex-1 min-w-0"
-          >
-            <h3 class="heading">
-              {{ name }}
-            </h3>
-            <p class="metric">{{ metric }}</p>
-          </div>
-        </metric-card>
+        <open-conversations />
       </div>
       <div class="flex-1 w-full max-w-full md:w-[35%] md:max-w-[35%]">
         <metric-card :header="$t('OVERVIEW_REPORTS.AGENT_STATUS.HEADER')">

app/javascript/dashboard/routes/dashboard/settings/reports/components/LiveReports/OpenConversations.vue

@@ -2,12 +2,12 @@
 import { mapGetters } from 'vuex';
 import { OVERVIEW_METRICS } from '../../constants';
 import MetricCard from '../overview/MetricCard.vue';
-import MultiselectDropdown from 'shared/components/ui/MultiselectDropdown.vue';
+// import MultiselectDropdown from 'shared/components/ui/MultiselectDropdown.vue';
 const noneTeam = { team_id: 0, name: 'All teams' };
 
 export default {
   components: {
-    MultiselectDropdown,
+    // MultiselectDropdown,
     MetricCard,
   },
   data() {
@@ -57,7 +57,7 @@ export default {
       :is-loading="uiFlags.isFetchingAccountConversationMetric"
       loading-message="Loading metrics"
     >
-      <template #control>
+      <!-- <template #control>
         <multiselect-dropdown
           class="!mb-0 !w-1/2"
           :options="teamsList"
@@ -69,7 +69,7 @@ export default {
           :is-filter="true"
           @click="onSelectTeam"
         />
-      </template>
+      </template> -->
       <div
         v-for="(metric, name, index) in conversationMetrics"
         :key="index"