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>
35 lines
994 B
TypeScript
35 lines
994 B
TypeScript
import Image from 'next/image'
|
||
import { useSetAtom } from 'jotai'
|
||
import {
|
||
setMainViewStateAtom,
|
||
MainViewState,
|
||
} from '@helpers/atoms/MainView.atom'
|
||
import SecondaryButton from '../SecondaryButton'
|
||
|
||
import { Button, Icons } from '@uikit'
|
||
|
||
const Welcome: React.FC = () => {
|
||
const setMainViewState = useSetAtom(setMainViewStateAtom)
|
||
|
||
return (
|
||
<div className="flex h-full flex-col">
|
||
<div className="flex flex-1 flex-col items-start justify-center gap-5 px-[200px]">
|
||
<Image src={'icons/Jan_AppIcon.svg'} width={44} height={45} alt="" />
|
||
<span className="text-5xl font-semibold text-gray-500">
|
||
Welcome,
|
||
<br />
|
||
let’s download your first model
|
||
</span>
|
||
<Button>Button component</Button>
|
||
<Icons name="panel-left" />
|
||
<SecondaryButton
|
||
title={'Explore models'}
|
||
onClick={() => setMainViewState(MainViewState.ExploreModel)}
|
||
/>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default Welcome
|