diff --git a/web/src/assets/svg/home-icon/agents-bri.svg b/web/src/assets/svg/home-icon/agents-bri.svg new file mode 100644 index 000000000..8824c5247 --- /dev/null +++ b/web/src/assets/svg/home-icon/agents-bri.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/agents.svg b/web/src/assets/svg/home-icon/agents.svg new file mode 100644 index 000000000..976eea98e --- /dev/null +++ b/web/src/assets/svg/home-icon/agents.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/chats-bri.svg b/web/src/assets/svg/home-icon/chats-bri.svg new file mode 100644 index 000000000..8a3a095a2 --- /dev/null +++ b/web/src/assets/svg/home-icon/chats-bri.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/chats.svg b/web/src/assets/svg/home-icon/chats.svg new file mode 100644 index 000000000..715abbf98 --- /dev/null +++ b/web/src/assets/svg/home-icon/chats.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/datasets-bri.svg b/web/src/assets/svg/home-icon/datasets-bri.svg new file mode 100644 index 000000000..e39f3d518 --- /dev/null +++ b/web/src/assets/svg/home-icon/datasets-bri.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/datasets.svg b/web/src/assets/svg/home-icon/datasets.svg new file mode 100644 index 000000000..0ed973093 --- /dev/null +++ b/web/src/assets/svg/home-icon/datasets.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/file-bri.svg b/web/src/assets/svg/home-icon/file-bri.svg new file mode 100644 index 000000000..b2c7efdc4 --- /dev/null +++ b/web/src/assets/svg/home-icon/file-bri.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/file.svg b/web/src/assets/svg/home-icon/file.svg new file mode 100644 index 000000000..c4eeba8e7 --- /dev/null +++ b/web/src/assets/svg/home-icon/file.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/searches-bri.svg b/web/src/assets/svg/home-icon/searches-bri.svg new file mode 100644 index 000000000..1f08c4f32 --- /dev/null +++ b/web/src/assets/svg/home-icon/searches-bri.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/assets/svg/home-icon/searches.svg b/web/src/assets/svg/home-icon/searches.svg new file mode 100644 index 000000000..19c7caa85 --- /dev/null +++ b/web/src/assets/svg/home-icon/searches.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/web/src/components/file-uploader.tsx b/web/src/components/file-uploader.tsx index 2d2b6cd89..a33fe9f61 100644 --- a/web/src/components/file-uploader.tsx +++ b/web/src/components/file-uploader.tsx @@ -12,7 +12,6 @@ import { toast } from 'sonner'; import { Button } from '@/components/ui/button'; import { Progress } from '@/components/ui/progress'; -import { ScrollArea } from '@/components/ui/scroll-area'; import { useControllableState } from '@/hooks/use-controllable-state'; import { cn, formatBytes } from '@/lib/utils'; import { useTranslation } from 'react-i18next'; @@ -53,11 +52,13 @@ function FilePreview({ file }: FilePreviewProps) { function FileCard({ file, progress, onRemove }: FileCardProps) { return (
-
- {isFileWithPreview(file) ? : null} -
+
+
+ {isFileWithPreview(file) ? : null} +
+
-

+

{file.name}

@@ -319,8 +320,8 @@ export function FileUploader(props: FileUploaderProps) { )} {files?.length ? ( - -

+
+
{files?.map((file, index) => ( ))}
- +
) : null}
); diff --git a/web/src/components/list-filter-bar/index.tsx b/web/src/components/list-filter-bar/index.tsx index eab010e2b..856a9997c 100644 --- a/web/src/components/list-filter-bar/index.tsx +++ b/web/src/components/list-filter-bar/index.tsx @@ -6,7 +6,7 @@ import React, { ReactNode, useMemo, } from 'react'; -import { IconFont } from '../icon-font'; +import { HomeIcon } from '../svg-icon'; import { Button, ButtonProps } from '../ui/button'; import { SearchInput } from '../ui/input'; import { CheckboxFormMultipleProps, FilterPopover } from './filter-popover'; @@ -72,7 +72,8 @@ export default function ListFilterBar({
{typeof icon === 'string' ? ( - + // + ) : ( icon )} diff --git a/web/src/components/svg-icon.tsx b/web/src/components/svg-icon.tsx index 76117c5d7..28128a6d4 100644 --- a/web/src/components/svg-icon.tsx +++ b/web/src/components/svg-icon.tsx @@ -4,6 +4,7 @@ import Icon, { UserOutlined } from '@ant-design/icons'; import { IconComponentProps } from '@ant-design/icons/lib/components/Icon'; import { Avatar } from 'antd'; import { AvatarSize } from 'antd/es/avatar/AvatarContext'; +import { useIsDarkTheme } from './theme-provider'; const importAll = (requireContext: __WebpackModuleApi.RequireContext) => { const list = requireContext.keys().map((key) => { @@ -74,4 +75,32 @@ export const LlmIcon = ({ ); }; +export const HomeIcon = ({ + name, + height = '32', + width = '32', + size = 'large', + imgClass, +}: { + name: string; + height?: string; + width?: string; + size?: AvatarSize; + imgClass?: string; +}) => { + const isDark = useIsDarkTheme(); + const icon = isDark ? name : `${name}-bri`; + + return icon ? ( + + ) : ( + } /> + ); +}; + export default SvgIcon; diff --git a/web/src/pages/agents/index.tsx b/web/src/pages/agents/index.tsx index a374f0a0d..b3858926c 100644 --- a/web/src/pages/agents/index.tsx +++ b/web/src/pages/agents/index.tsx @@ -75,7 +75,7 @@ export default function Agents() { title={t('flow.agents')} searchString={searchString} onSearchChange={handleInputChange} - icon="agent" + icon="agents" filters={filters} onChange={handleFilterSubmit} value={filterValue} diff --git a/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx b/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx index df2d21c15..f7711b70d 100644 --- a/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx +++ b/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx @@ -41,7 +41,7 @@ export function UploadAgentForm({ hideModal, onOk }: IModalProps) {
@@ -53,6 +53,7 @@ export function UploadAgentForm({ hideModal, onOk }: IModalProps) { DSL + See All diff --git a/web/src/pages/datasets/index.tsx b/web/src/pages/datasets/index.tsx index 9d989e0a8..865c2dca0 100644 --- a/web/src/pages/datasets/index.tsx +++ b/web/src/pages/datasets/index.tsx @@ -63,7 +63,7 @@ export default function Datasets() { filters={owners} onChange={handleFilterSubmit} className="px-8" - icon={'data'} + icon={'datasets'} >