refactor: Add conditional rendering for SeatsAnalysisViewer in MainComponent.vue

Author: martedesco

src/api/ExtractSeats.ts

@@ -34,12 +34,8 @@ export const getSeatsApi = async (): Promise<Seat[]> => {
       }
     });
 
- 
-
     seatsData = seatsData.concat(response.data.seats.map((item: any) => new Seat(item)));
 
-
-
     // Calculate the total pages
     const totalSeats = response.data.total_seats;
     const totalPages = Math.ceil(totalSeats / perPage);

src/components/MainComponent.vue

@@ -31,7 +31,9 @@
               <BreakdownComponent v-if="item === 'languages'" :metrics="metrics" :breakdownKey="'language'"/>
               <BreakdownComponent v-if="item === 'editors'" :metrics="metrics" :breakdownKey="'editor'"/>
               <CopilotChatViewer v-if="item === 'copilot chat'" :metrics="metrics" />
-              <SeatsAnalysisViewer v-if="item === 'seat analysis'" :seats="seats" />
+              <div v-if="isScopeOrganization">
+                <SeatsAnalysisViewer v-if="item === 'seat analysis'" :seats="seats" />
+              </div>
               <ApiResponse v-if="item === 'api response'" :metrics="metrics" :seats="seats" />
             </v-card>
           </v-window-item>
@@ -79,18 +81,24 @@ export default defineComponent({
     },
     capitalizedItemName() {
       return this.itemName.charAt(0).toUpperCase() + this.itemName.slice(1);
+    },
+    isScopeOrganization() {
+      return process.env.VUE_APP_SCOPE === 'organization';
     }
   },
   data () {
     return {
-      tabItems: ['languages', 'editors', 'copilot chat','seat analysis', 'api response'],
+      tabItems: ['languages', 'editors', 'copilot chat', 'api response'],
       tab: null
     }
   },
   created() {
     if(this.itemName !== 'invalid'){
       this.tabItems.unshift(this.itemName);
     }
+    if (process.env.VUE_APP_SCOPE === 'organization') {
+      this.tabItems.push('seat analysis');
+    }
   },
   setup() {
       const metricsReady = ref(false);