feat(focus-selector): Stylize focus selector
This commit is contained in:
parent
98fae392b7
commit
21672d150d
|
@ -1,7 +1,6 @@
|
||||||
import { WebSocket } from 'ws';
|
import { WebSocket } from 'ws';
|
||||||
import pickSuitableAgent from '../core/agentPicker';
|
|
||||||
import handleWebSearch from '../agents/webSearchAgent';
|
|
||||||
import { BaseMessage, AIMessage, HumanMessage } from '@langchain/core/messages';
|
import { BaseMessage, AIMessage, HumanMessage } from '@langchain/core/messages';
|
||||||
|
import handleWebSearch from '../agents/webSearchAgent';
|
||||||
import handleAcademicSearch from '../agents/academicSearchAgent';
|
import handleAcademicSearch from '../agents/academicSearchAgent';
|
||||||
import handleWritingAssistant from '../agents/writingAssistant';
|
import handleWritingAssistant from '../agents/writingAssistant';
|
||||||
import handleWolframAlphaSearch from '../agents/wolframAlphaSearchAgent';
|
import handleWolframAlphaSearch from '../agents/wolframAlphaSearchAgent';
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import {
|
import {
|
||||||
BadgePercent,
|
BadgePercent,
|
||||||
|
ChevronDown,
|
||||||
CopyPlus,
|
CopyPlus,
|
||||||
Globe,
|
Globe,
|
||||||
Pencil,
|
Pencil,
|
||||||
|
@ -39,7 +40,7 @@ const focusModes = [
|
||||||
key: 'writingAssistant',
|
key: 'writingAssistant',
|
||||||
title: 'Writing',
|
title: 'Writing',
|
||||||
description: 'Chat without searching the web',
|
description: 'Chat without searching the web',
|
||||||
icon: <Pencil size={20} />,
|
icon: <Pencil size={16} />,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'wolframAlphaSearch',
|
key: 'wolframAlphaSearch',
|
||||||
|
@ -84,9 +85,19 @@ export const Focus = ({
|
||||||
<Popover className="fixed w-full max-w-[15rem] md:max-w-md lg:max-w-lg">
|
<Popover className="fixed w-full max-w-[15rem] md:max-w-md lg:max-w-lg">
|
||||||
<Popover.Button
|
<Popover.Button
|
||||||
type="button"
|
type="button"
|
||||||
className="p-2 text-white/50 rounded-xl hover:bg-[#1c1c1c] transition duration-200 hover:text-white"
|
className="p-2 text-white/50 rounded-xl hover:bg-[#1c1c1c] active:scale-95 transition duration-200 hover:text-white"
|
||||||
>
|
>
|
||||||
|
{focusMode !== 'webSearch' ? (
|
||||||
|
<div className="flex flex-row items-center space-x-1">
|
||||||
|
{focusModes.find((mode) => mode.key === focusMode)?.icon}
|
||||||
|
<p className="text-xs font-medium">
|
||||||
|
{focusModes.find((mode) => mode.key === focusMode)?.title}
|
||||||
|
</p>
|
||||||
|
<ChevronDown size={20} />
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
<ScanEye />
|
<ScanEye />
|
||||||
|
)}
|
||||||
</Popover.Button>
|
</Popover.Button>
|
||||||
<Transition
|
<Transition
|
||||||
as={Fragment}
|
as={Fragment}
|
||||||
|
|
Loading…
Reference in New Issue