highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-05-28 12:39:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add open in new tab for custom links (#2568)

Browse Source
This commit is contained in:
Chris Weaver 2024-09-26 13:01:35 -07:00 committed by GitHub
parent deee2b3513
commit 1f61447b4b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/UserDropdown.tsx
View File

@ -23,6 +23,7 @@ interface DropdownOptionProps {
onClick?: () => void;
icon: React.ReactNode;
label: string;
openInNewTab?: boolean;
}
const DropdownOption: React.FC<DropdownOptionProps> = ({
@ -30,6 +31,7 @@ const DropdownOption: React.FC<DropdownOptionProps> = ({
onClick,
icon,
label,
openInNewTab,
}) => {
const content = (
<div className="flex py-3 px-4 cursor-pointer rounded hover:bg-hover-light">
@ -38,11 +40,19 @@ const DropdownOption: React.FC<DropdownOptionProps> = ({
</div>
);
return href ? (
<Link href={href}>{content}</Link>
) : (
<div onClick={onClick}>{content}</div>
);
if (href) {
return (
<Link
href={href}
target={openInNewTab ? "_blank" : undefined}
rel={openInNewTab ? "noopener noreferrer" : undefined}
>
{content}
</Link>
);
} else {
return <div onClick={onClick}>{content}</div>;
}
};
export function UserDropdown({
@ -173,6 +183,7 @@ export function UserDropdown({
)
}
label={item.title}
openInNewTab
/>
))}