baalajimaestro/ollama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

app: use enum for steps

Browse source
This commit is contained in:
Jeffrey Morgan 2023-07-16 18:47:23 -07:00
parent fe758ca319
commit c4ba192187
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/src/app.tsx
View file

@ -28,14 +28,20 @@ async function installCLI() {
}
}
enum Step {
WELCOME = 0,
CLI,
FINISH,
}
export default function () {
const [step, setStep] = useState(0)
const [step, setStep] = useState<Step>(Step.WELCOME)
const command = 'ollama run orca'
return (
<div className='mx-auto flex min-h-screen w-full flex-col justify-between bg-white px-4 pt-16'>
{step === 0 && (
<div className='drag mx-auto flex min-h-screen w-full flex-col justify-between bg-white px-4 pt-16'>
{step === Step.WELCOME && (
<>
<div className='mx-auto text-center'>
<h1 className='mb-6 mt-4 text-2xl tracking-tight text-gray-900'>Welcome to Ollama</h1>
@ -56,7 +62,7 @@ export default function () {
</div>
</>
)}
{step === 1 && (
{step === Step.CLI && (
<>
<div className='mx-auto flex flex-col space-y-28 text-center'>
<h1 className='mt-4 text-2xl tracking-tight text-gray-900'>Install the command line</h1>
@ -79,7 +85,7 @@ export default function () {
</div>
</>
)}
{step === 2 && (
{step === Step.FINISH && (
<>
<div className='mx-auto flex flex-col space-y-20 text-center'>
<h1 className='mt-4 text-2xl tracking-tight text-gray-900'>Run your first model</h1>