539b467141
* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import { useAtomValue } from 'jotai'
|
|
import Welcome from '../WelcomeContainer'
|
|
import { Preferences } from '../Preferences'
|
|
import MyModelContainer from '../MyModelContainer'
|
|
import ExploreModelContainer from '../ExploreModelContainer'
|
|
import {
|
|
MainViewState,
|
|
getMainViewStateAtom,
|
|
} from '@helpers/atoms/MainView.atom'
|
|
import EmptyChatContainer from '../EmptyChatContainer'
|
|
import MainChat from '../MainChat'
|
|
import CreateBotContainer from '../CreateBotContainer'
|
|
|
|
const MainView: React.FC = () => {
|
|
const viewState = useAtomValue(getMainViewStateAtom)
|
|
|
|
let children = null
|
|
switch (viewState) {
|
|
case MainViewState.ConversationEmptyModel:
|
|
children = <EmptyChatContainer />
|
|
break
|
|
case MainViewState.ExploreModel:
|
|
children = <ExploreModelContainer />
|
|
break
|
|
case MainViewState.Setting:
|
|
children = <Preferences />
|
|
break
|
|
case MainViewState.ResourceMonitor:
|
|
case MainViewState.MyModel:
|
|
children = <MyModelContainer />
|
|
break
|
|
case MainViewState.CreateBot:
|
|
children = <CreateBotContainer />
|
|
break
|
|
case MainViewState.Welcome:
|
|
children = <Welcome />
|
|
break
|
|
default:
|
|
children = <MainChat />
|
|
break
|
|
}
|
|
|
|
return <div className="flex-1 overflow-hidden">{children}</div>
|
|
}
|
|
|
|
export default MainView
|