diff --git a/ui/components/EmptyChatMessageInput.tsx b/ui/components/EmptyChatMessageInput.tsx index 736026a..37ecc8f 100644 --- a/ui/components/EmptyChatMessageInput.tsx +++ b/ui/components/EmptyChatMessageInput.tsx @@ -1,7 +1,8 @@ import { ArrowRight } from 'lucide-react'; import { useState } from 'react'; import TextareaAutosize from 'react-textarea-autosize'; -import { CopilotToggle, Focus } from './MessageInputActions'; +import CopilotToggle from './MessageInputActions/Copilot'; +import Focus from './MessageInputActions/Focus'; const EmptyChatMessageInput = ({ sendMessage, diff --git a/ui/components/MessageInput.tsx b/ui/components/MessageInput.tsx index 5c96916..7b54ea5 100644 --- a/ui/components/MessageInput.tsx +++ b/ui/components/MessageInput.tsx @@ -2,7 +2,8 @@ import { cn } from '@/lib/utils'; import { ArrowUp } from 'lucide-react'; import { useEffect, useState } from 'react'; import TextareaAutosize from 'react-textarea-autosize'; -import { Attach, CopilotToggle } from './MessageInputActions'; +import Attach from './MessageInputActions/Attach'; +import CopilotToggle from './MessageInputActions/Copilot'; const MessageInput = ({ sendMessage, diff --git a/ui/components/MessageInputActions/Attach.tsx b/ui/components/MessageInputActions/Attach.tsx new file mode 100644 index 0000000..6d8ffcf --- /dev/null +++ b/ui/components/MessageInputActions/Attach.tsx @@ -0,0 +1,14 @@ +import { CopyPlus } from 'lucide-react'; + +const Attach = () => { + return ( + + ); +}; + +export default Attach; diff --git a/ui/components/MessageInputActions/Copilot.tsx b/ui/components/MessageInputActions/Copilot.tsx new file mode 100644 index 0000000..5a3e476 --- /dev/null +++ b/ui/components/MessageInputActions/Copilot.tsx @@ -0,0 +1,43 @@ +import { cn } from '@/lib/utils'; +import { Switch } from '@headlessui/react'; + +const CopilotToggle = ({ + copilotEnabled, + setCopilotEnabled, +}: { + copilotEnabled: boolean; + setCopilotEnabled: (enabled: boolean) => void; +}) => { + return ( +
setCopilotEnabled(!copilotEnabled)} + className={cn( + 'text-xs font-medium transition-colors duration-150 ease-in-out', + copilotEnabled + ? 'text-[#24A0ED]' + : 'text-black/50 dark:text-white/50 group-hover:text-black dark:group-hover:text-white', + )} + > + Copilot +
+setCopilotEnabled(!copilotEnabled)} - className={cn( - 'text-xs font-medium transition-colors duration-150 ease-in-out', - copilotEnabled - ? 'text-[#24A0ED]' - : 'text-black/50 dark:text-white/50 group-hover:text-black dark:group-hover:text-white', - )} - > - Copilot -
-