96dba2690d
chore: add facades refactor: core module export refactor: inference plugin - deprecate function registering (#537) * refactor: revamp inference plugin as class - deprecate function registering * refactor: monitoring plugin - deprecate service registering (#538) refactor: revamp inference plugin as class - deprecate function registering chore: update import refactor: plugin revamp - model management chore: update build steps and remove experimental plugins refactor: remove pluggable electron chore: add sorting for conversations chore: build plugins for testing chore: consistent plugin directory name chore: docs chore: fix CI chore: update conversation prefix
78 lines
2.4 KiB
TypeScript
78 lines
2.4 KiB
TypeScript
'use client'
|
|
|
|
import React, { useContext } from 'react'
|
|
import SecondaryButton from '../SecondaryButton'
|
|
import { useSetAtom, useAtomValue } from 'jotai'
|
|
import {
|
|
MainViewState,
|
|
setMainViewStateAtom,
|
|
} from '@helpers/atoms/MainView.atom'
|
|
import { MagnifyingGlassIcon, PlusIcon } from '@heroicons/react/24/outline'
|
|
import useCreateConversation from '@hooks/useCreateConversation'
|
|
import { useGetDownloadedModels } from '@hooks/useGetDownloadedModels'
|
|
import { Button } from '@uikit'
|
|
import { activeModelAtom } from '@helpers/atoms/Model.atom'
|
|
import { showingModalNoActiveModel } from '@helpers/atoms/Modal.atom'
|
|
import {
|
|
FeatureToggleContext,
|
|
} from '@helpers/FeatureToggleWrapper'
|
|
|
|
const LeftHeaderAction: React.FC = () => {
|
|
const setMainView = useSetAtom(setMainViewStateAtom)
|
|
const { downloadedModels } = useGetDownloadedModels()
|
|
const activeModel = useAtomValue(activeModelAtom)
|
|
const { requestCreateConvo } = useCreateConversation()
|
|
const setShowModalNoActiveModel = useSetAtom(showingModalNoActiveModel)
|
|
const { experimentalFeatureEnabed } = useContext(FeatureToggleContext)
|
|
|
|
const onExploreClick = () => {
|
|
setMainView(MainViewState.ExploreModel)
|
|
}
|
|
|
|
const onNewConversationClick = () => {
|
|
if (activeModel) {
|
|
requestCreateConvo(activeModel)
|
|
} else {
|
|
setShowModalNoActiveModel(true)
|
|
}
|
|
}
|
|
|
|
const onCreateBotClicked = () => {
|
|
if (downloadedModels.length === 0) {
|
|
alert('You need to download at least one model to create a bot.')
|
|
return
|
|
}
|
|
setMainView(MainViewState.CreateBot)
|
|
}
|
|
|
|
return (
|
|
<div className="sticky top-0 mb-4 bg-background/90 p-4">
|
|
<div className="flex flex-row gap-2">
|
|
<SecondaryButton
|
|
title={'Explore'}
|
|
onClick={onExploreClick}
|
|
className="w-full flex-1"
|
|
icon={<MagnifyingGlassIcon width={16} height={16} />}
|
|
/>
|
|
{experimentalFeatureEnabed && (
|
|
<SecondaryButton
|
|
title={'Create bot'}
|
|
onClick={onCreateBotClicked}
|
|
className="w-full flex-1"
|
|
icon={<PlusIcon width={16} height={16} />}
|
|
/>
|
|
)}
|
|
</div>
|
|
<Button
|
|
onClick={onNewConversationClick}
|
|
className="mt-2 flex w-full items-center space-x-2"
|
|
>
|
|
<PlusIcon width={16} height={16} />
|
|
<span>New Conversation</span>
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(LeftHeaderAction)
|