Faisal Amir e8ee694abd
feat: new starter screen (#3217)
* feat: starter screen

* chore: update flow starter screen

* fix CI

Signed-off-by: James <namnh0122@gmail.com>

* chore: update variable name

* chore: fix CI

* update download cortex binary

Signed-off-by: James <namnh0122@gmail.com>

---------

Signed-off-by: James <namnh0122@gmail.com>
Co-authored-by: James <namnh0122@gmail.com>
2024-07-31 16:41:39 +07:00

32 lines
980 B
TypeScript

import { memo } from 'react'
import LogoMark from '@/containers/Brand/Logo/Mark'
import CenterPanelContainer from '@/containers/CenterPanelContainer'
import OnDeviceStarterScreen from './OnDeviceListStarter'
const EmptyModel = () => {
return (
<CenterPanelContainer>
<div className="flex h-full w-full items-center overflow-x-hidden">
<div className="flex h-full w-full flex-col items-center justify-center">
<div className="mx-auto flex h-full w-3/4 flex-col items-center justify-center text-center">
<LogoMark
className="mx-auto mb-4 animate-wave"
width={48}
height={48}
/>
<h1 className="text-base font-semibold">Select a model to start</h1>
<div className="mt-10 w-full lg:w-1/2">
<OnDeviceStarterScreen />
</div>
</div>
</div>
</div>
</CenterPanelContainer>
)
}
export default memo(EmptyModel)