sk/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add copilot setting to config

Browse source 
refactor: move getConfig to actions, extracted Settings
This commit is contained in:
Justin Luoma 2024-05-25 08:04:40 -04:00
parent d788ca8eba
commit 79d4d87f24
10 changed files with 140 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

48
ui/components/MessageInputActions.tsx
View file

@ -1,8 +1,16 @@
import {BadgePercent, ChevronDown, CopyPlus, Globe, Pencil, ScanEye, SwatchBook,} from 'lucide-react';
import {cn} from '@/lib/utils';
import {Popover, Switch, Transition} from '@headlessui/react';
import {SiReddit, SiYoutube} from '@icons-pack/react-simple-icons';
import {Fragment} from 'react';
import {
BadgePercent,
ChevronDown,
CopyPlus,
Globe,
Pencil,
ScanEye,
SwatchBook,
} from 'lucide-react';
import { cn } from '@/lib/utils';
import { Popover, Switch, Transition } from '@headlessui/react';
import { SiReddit, SiYoutube } from '@icons-pack/react-simple-icons';
import { Fragment } from 'react';
export const Attach = () => {
return (
@ -46,9 +54,9 @@ const focusModes = [
description: 'Search and watch videos',
icon: (
<SiYoutube
className="h-5 w-auto mr-0.5"
onPointerEnter={undefined}
onPointerLeave={undefined}
className="h-5 w-auto mr-0.5"
onPointerEnter={undefined}
onPointerLeave={undefined}
/>
),
},
@ -58,9 +66,9 @@ const focusModes = [
description: 'Search for discussions and opinions',
icon: (
<SiReddit
className="h-5 w-auto mr-0.5"
onPointerEnter={undefined}
onPointerLeave={undefined}
className="h-5 w-auto mr-0.5"
onPointerEnter={undefined}
onPointerLeave={undefined}
/>
),
},
@ -133,23 +141,23 @@ export const Focus = ({
};
export const CopilotToggle = ({
copilotEnabled,
setCopilotEnabled,
copilotToggled,
setCopilotToggled,
}: {
copilotEnabled: boolean;
setCopilotEnabled: (enabled: boolean) => void;
copilotToggled: boolean;
setCopilotToggled: (enabled: boolean) => void;
}) => {
return (
<div className="group flex flex-row items-center space-x-1 active:scale-95 duration-200 transition cursor-pointer">
<Switch
checked={copilotEnabled}
onChange={setCopilotEnabled}
checked={copilotToggled}
onChange={setCopilotToggled}
className="bg-[#111111] border border-[#1C1C1C] relative inline-flex h-5 w-10 sm:h-6 sm:w-11 items-center rounded-full"
>
<span className="sr-only">Copilot</span>
<span
className={cn(
copilotEnabled
copilotToggled
? 'translate-x-6 bg-[#24A0ED]'
: 'translate-x-1 bg-white/50',
'inline-block h-3 w-3 sm:h-4 sm:w-4 transform rounded-full transition-all duration-200',
@ -157,10 +165,10 @@ export const CopilotToggle = ({
/>
</Switch>
<p
onClick={() => setCopilotEnabled(!copilotEnabled)}
onClick={() => setCopilotToggled(!copilotToggled)}
className={cn(
'text-xs font-medium transition-colors duration-150 ease-in-out',
copilotEnabled
copilotToggled
? 'text-[#24A0ED]'
: 'text-white/50 group-hover:text-white',
)}