wip

src/api/index.ts

@@ -1,4 +1,10 @@
-import { Application, FetchError, FetchTransport, StatusCodes } from "./types";
+import {
+  Application,
+  FetchError,
+  FetchTransport,
+  Queue,
+  StatusCodes,
+} from "./types";
 import { MSG_SOMETHING_WRONG } from "./constants";
 import { getAdvancedSettings } from "src/storage";
 
@@ -134,7 +140,7 @@ export const getApplications = () => {
 
 export const getQueues = () => {
   const advancedSettings = getAdvancedSettings();
-  return getFetch<string[]>(
+  return getFetch<Queue[]>(
     `${advancedSettings.apiServer}/Accounts/${advancedSettings.accountSid}/Queues`
   );
 };

src/api/types.ts

@@ -29,3 +29,8 @@ export interface Application {
   application_sid: string;
   name: string;
 }
+
+export interface Queue {
+  name: string;
+  length: number;
+}

src/window/phone/index.tsx

@@ -449,8 +449,8 @@ export const Phone = ({
                           .then(({ json }) => {
                             resolve(
                               json.map((q) => ({
-                                name: q,
+                                name: `${q.name} (${q.length})`,
-                                value: q,
+                                value: q.name,
                               }))
                             );
                           })