Update the example response file name to reflect the new data structure, simplify the button layout in the ApiResponse component.

Author: DevOps-zhuang

src/api/ExtractSeats.ts

@@ -3,8 +3,8 @@ import axios from "axios";
 import { Seat } from "../model/Seat";
 import config from '../config';
 
-import organizationMockedResponse_seats from '../assets/organization_response_sample_seats.json';
-import enterpriseMockedResponse_seats from '../assets/enterprise_response_sample_seats.json';
+import organizationMockedResponse_seats from '../assets/organization_seats_response_sample.json';
+import enterpriseMockedResponse_seats from '../assets/enterprise_seats_response_sample.json';
 
 const headers = {
   Accept: "application/vnd.github+json",

src/api/GitHubApi.ts

@@ -2,8 +2,6 @@ import axios from "axios";
 import { Metrics } from "../model/Metrics";
 import { CopilotMetrics } from '../model/Copilot_Metrics';
 import { convertToMetrics } from './MetricsToUsageConverter';
-import organizationMockedResponse from '../assets/organization_usage_response_sample.json';
-import enterpriseMockedResponse from '../assets/enterprise_usage_response_sample.json';
 import organizationMockedMetricsResponse from '../assets/organization_metrics_response_sample.json';
 import enterpriseMockedMetricsResponse from '../assets/enterprise_metrics_response_sample.json';
 import config from '../config';

src/components/ApiResponse.vue

@@ -1,33 +1,28 @@
 <template>
   <v-container>
+    <div class="copy-container">
+      <v-btn @click="checkMetricsDataQuality">Check Metric data quality</v-btn>
+      <v-spacer></v-spacer>
+      <v-btn @click="copyToClipboard('metricsJsonText')">Copy Metrics to Clipboard</v-btn>
+    </div>
+    <transition name="fade">
+      <div v-if="showQualityMessage || showCopyMessage || showSeatMessage" :class="{'copy-message': true, 'error': isError}">{{ message }}</div>
+    </transition>
+      <br><br>
+
       <!-- Displaying the JSON object -->
       <v-card max-height="575px" class="overflow-y-auto">
           <pre ref="metricsJsonText">{{ JSON.stringify(originalMetrics, null, 2) }}</pre>
       </v-card>
       <br>
-
-      <div >
-        <v-btn @click="checkMetricsDataQuality">Check Metric data quality</v-btn>
-        <transition name="fade">
-          <div v-if="showQualityMessage" :class="{'copy-message': true, 'error': isError}">{{ message }}</div>
-        </transition>
-      </div>
-
-      <div class="copy-container">
-        <v-btn @click="copyToClipboard('metricsJsonText')">Copy Metrics to Clipboard</v-btn>
-        <transition name="fade">
-          <div v-if="showCopyMessage" :class="{'copy-message': true, 'error': isError}">{{ message }}</div>
-        </transition>
-      </div>
 
       <div class="copy-container">
         <v-btn @click="showSeatCount">Show Assigned Seats count</v-btn>
         <transition name="fade">
           <div v-if="showSeatMessage" :class="{'copy-message': true, 'error': isError}">{{ message }}</div>
         </transition>
       </div>
-      <br><br>
-  
+
       <v-card max-height="575px" class="overflow-y-auto">
           <pre ref="seatJsonText">{{ JSON.stringify(seats, null, 2) }}</pre>
       </v-card>