twilio - 如何替换 twilio flex AgentDesktop 中的 QUEUES 内容？

Question

我想替换 QUEUES 元素中的内容元素，或者删除它并添加一个自定义选项卡。这可能吗？

我能够使用删除所有选项卡内容

flex.WorkerDirectory.Content.replace(<div key="tabs">CustomTabs</div>);

但是，我想保留“转移”标题，以便关闭该面板

Answer 1

Twilio 开发人员布道者在这里。

您应该定位Flex.WorkerDirectory.Tabs，而不是Flex.WorkerDirectory。这样您就可以直接访问选项卡内容。首先删除队列选项卡：

 Flex.WorkerDirectory.Tabs.Content.remove("queues");

然后，您可以像这样添加一个新选项卡：

Flex.WorkerDirectory.Tabs.Content.add(
   <Flex.Tab
         key="new-tab
         label="New Tab"
    >
         <div>New tab content here</div>
   </Flex.Tab>
);

让我知道这是否有帮助。

Answer 2

这是一个开始

    flex.WorkerDirectory.Content.remove("tabs");
flex.WorkerDirectory.Content.add(<div class="Twilio-Tabs Twilio Twilio-WorkerDirectoryTabs css-1vzbs6y" key="worker-directory">
  <div class="Twilio-Tabs-Labels css-1a43y29">
    <div class="Twilio-TabHeader css-y47si7">
      <button class="css-1i3d2ep"><span class="Twilio">QUEUES</span></button>
      <div class="Twilio-TabHeader-StateIndicator-Inactive css-1qqd035"></div>
    </div>
  </div>
  <button type="button">SomeQueueName1</button>
</div>);