[front/assistant_builder] - refactor: update icons for data source se…

…lectors - Change the icon for the "Websites" data source option to `GlobeAltIcon` for better representation - Update icons for "Select Websites", "Select Dust App", and other relevant modals to match the new icon choice - Replace `CloudArrowDownIcon` with `GlobeAltIcon` across various components to maintain consistency in the UI
dust-tt · Aug 1, 2024 · 9472d4d · 9472d4d
1 parent 7a488e6
commit 9472d4d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 15 deletions.
diff --git a/front/components/assistant_builder/AssistantBuilderDataSourceModal.tsx b/front/components/assistant_builder/AssistantBuilderDataSourceModal.tsx
@@ -2,6 +2,7 @@ import {
   CloudArrowDownIcon,
   CloudArrowLeftRightIcon,
   FolderIcon,
+  GlobeAltIcon,
   Item,
   Modal,
   Page,
@@ -373,7 +374,7 @@ function PickDataSource({
         {shouldDisplayWebsiteEntry && (
           <Item.Navigation
             label="Websites"
-            icon={CloudArrowDownIcon}
+            icon={GlobeAltIcon}
             onClick={onPickWebsites}
           />
         )}
@@ -504,7 +505,7 @@ function FolderOrWebsiteResourceSelector({
       <Page>
         <Page.Header
           title={type === "folder" ? "Select Folders" : "Select Websites"}
-          icon={type === "folder" ? FolderIcon : CloudArrowDownIcon}
+          icon={type === "folder" ? FolderIcon : GlobeAltIcon}
           description={`Select the ${
             type === "folder" ? "folders" : "websites"
           } that will be used by the assistant as a source for its answers.`}
@@ -580,7 +581,7 @@ function FolderOrWebsiteTree({
       type={type === "folder" ? "leaf" : "node"}
       label={dataSource.name}
       variant="folder"
-      visual={type === "folder" ? <FolderIcon /> : <CloudArrowDownIcon />}
+      visual={type === "folder" ? <FolderIcon /> : <GlobeAltIcon />}
       className="whitespace-nowrap"
       checkbox={{
         checked: currentConfig?.isSelectAll ?? false,

diff --git a/front/components/assistant_builder/AssistantBuilderDustAppModal.tsx b/front/components/assistant_builder/AssistantBuilderDustAppModal.tsx
@@ -1,10 +1,4 @@
-import {
-  CloudArrowDownIcon,
-  CommandLineIcon,
-  Item,
-  Modal,
-  Page,
-} from "@dust-tt/sparkle";
+import { CommandLineIcon, Item, Modal, Page } from "@dust-tt/sparkle";
 import type { AppType } from "@dust-tt/types";
 import { Transition } from "@headlessui/react";
 
@@ -60,7 +54,7 @@ function PickDustApp({
   return (
     <Transition show={show} className="mx-auto max-w-6xl">
       <Page>
-        <Page.Header title="Select Dust App" icon={CloudArrowDownIcon} />
+        <Page.Header title="Select Dust App" icon={CommandLineIcon} />
         {hasSomeUnselectableApps && (
           <Page.P>
             Dust apps without a description are not selectable. To make a Dust

diff --git a/front/components/assistant_builder/AssistantBuilderTablesModal.tsx b/front/components/assistant_builder/AssistantBuilderTablesModal.tsx
@@ -1,6 +1,6 @@
 import {
   Button,
-  CloudArrowDownIcon,
+  GlobeAltIcon,
   Item,
   Modal,
   Page,
@@ -300,7 +300,7 @@ function PickDataSource({
             icon={
               ds.connectorProvider
                 ? CONNECTOR_CONFIGURATIONS[ds.connectorProvider].logoComponent
-                : CloudArrowDownIcon
+                : GlobeAltIcon
             }
             key={ds.id}
             onClick={() => {

diff --git a/front/components/poke/subscriptions/table.tsx b/front/components/poke/subscriptions/table.tsx
@@ -1,7 +1,7 @@
 import {
-  CloudArrowDownIcon,
   ConfluenceLogo,
   GithubLogo,
+  GlobeAltIcon,
   GoogleLogo,
   IntercomLogo,
   Modal,
@@ -219,7 +219,7 @@ export function ActiveSubscriptionTable({
                         <ConfluenceLogo />
                       ) : null}
                       {activePlan.limits.connections.isWebCrawlerAllowed ? (
-                        <CloudArrowDownIcon />
+                        <GlobeAltIcon />
                       ) : null}
                     </div>
                   </PokeTableCell>