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>
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import React from 'react'
|
||
import CompactLogo from '@containers/Logo/CompactLogo'
|
||
import { useSetAtom } from 'jotai'
|
||
import {
|
||
setMainViewStateAtom,
|
||
MainViewState,
|
||
} from '@helpers/atoms/MainView.atom'
|
||
|
||
import { Button } from '@uikit'
|
||
|
||
const WelcomeScreen = () => {
|
||
const setMainViewState = useSetAtom(setMainViewStateAtom)
|
||
|
||
return (
|
||
<div className="flex h-full items-center justify-center px-4">
|
||
<div className="text-center">
|
||
<CompactLogo width={40} height={40} />
|
||
<h1
|
||
data-testid="testid-welcome-title"
|
||
className="text-2xl font-bold leading-snug"
|
||
>
|
||
Welcome to Jan
|
||
</h1>
|
||
<p className="text-base tracking-wide text-gray-600 dark:text-gray-400">{`let’s download your first model`}</p>
|
||
<div className="mt-4">
|
||
<Button
|
||
themes="accent"
|
||
onClick={() => setMainViewState(MainViewState.ExploreModel)}
|
||
>
|
||
Explore Models
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default WelcomeScreen
|