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

Question

我想替换QUEUES元素内的content元素，或者将其删除并添加自定义标签。这可能吗？

我能够使用删除所有标签页内容

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

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

Answer 1

这是一个开始

    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>);

Answer 2

这里是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>
);

让我知道是否有帮助。