Xuan-Son Nguyen
8c83449cb7
* rework the input area * process selected file * change all icons to heroicons * fix thought process collapse * move conversation more menu to sidebar * sun icon --> moon icon * rm default system message * stricter upload file check, only allow image if server has mtmd * build it * add renaming * better autoscroll * build * add conversation group * fix scroll * extra context first, then user input in the end * fix <hr> tag * clean up a bit * build * add mb-3 for <pre> * throttle adjustTextareaHeight to make it less laggy * (nits) missing padding in sidebar * rm stray console log
68 lines
1.4 KiB
TypeScript
68 lines
1.4 KiB
TypeScript
export const XCloseButton: React.ElementType<
|
|
React.ClassAttributes<HTMLButtonElement> &
|
|
React.HTMLAttributes<HTMLButtonElement>
|
|
> = ({ className, ...props }) => (
|
|
<button className={`btn btn-square btn-sm ${className ?? ''}`} {...props}>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className="h-6 w-6"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
d="M6 18L18 6M6 6l12 12"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
);
|
|
|
|
export const OpenInNewTab = ({
|
|
href,
|
|
children,
|
|
}: {
|
|
href: string;
|
|
children: string;
|
|
}) => (
|
|
<a
|
|
className="underline"
|
|
href={href}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{children}
|
|
</a>
|
|
);
|
|
|
|
export function BtnWithTooltips({
|
|
className,
|
|
onClick,
|
|
onMouseLeave,
|
|
children,
|
|
tooltipsContent,
|
|
disabled,
|
|
}: {
|
|
className?: string;
|
|
onClick: () => void;
|
|
onMouseLeave?: () => void;
|
|
children: React.ReactNode;
|
|
tooltipsContent: string;
|
|
disabled?: boolean;
|
|
}) {
|
|
return (
|
|
<div className="tooltip tooltip-bottom" data-tip={tooltipsContent}>
|
|
<button
|
|
className={`${className ?? ''} flex items-center justify-center`}
|
|
onClick={onClick}
|
|
disabled={disabled}
|
|
onMouseLeave={onMouseLeave}
|
|
>
|
|
{children}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|