Skip to content

GitLab

Commit c4ba1921 authored by Jeffrey Morgan's avatar Jeffrey Morgan
Browse files

app: use `enum` for steps

parent fe758ca3
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 5 deletions
app/src/app.tsx
View file @ c4ba1921
...@@ -28,14 +28,20 @@ async function installCLI() { ...@@ -28,14 +28,20 @@ async function installCLI() {
} }
} }
enum Step {
WELCOME = 0,
CLI,
FINISH,
}
export default function () { export default function () {
const [step, setStep] = useState(0) const [step, setStep] = useState<Step>(Step.WELCOME)
const command = 'ollama run orca' const command = 'ollama run orca'
return ( return (
<div className='mx-auto flex min-h-screen w-full flex-col justify-between bg-white px-4 pt-16'> <div className='drag mx-auto flex min-h-screen w-full flex-col justify-between bg-white px-4 pt-16'>
{step === 0 && ( {step === Step.WELCOME && (
<> <>
<div className='mx-auto text-center'> <div className='mx-auto text-center'>
<h1 className='mb-6 mt-4 text-2xl tracking-tight text-gray-900'>Welcome to Ollama</h1> <h1 className='mb-6 mt-4 text-2xl tracking-tight text-gray-900'>Welcome to Ollama</h1>
...@@ -56,7 +62,7 @@ export default function () { ...@@ -56,7 +62,7 @@ export default function () {
</div> </div>
</> </>
)} )}
{step === 1 && ( {step === Step.CLI && (
<> <>
<div className='mx-auto flex flex-col space-y-28 text-center'> <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> <h1 className='mt-4 text-2xl tracking-tight text-gray-900'>Install the command line</h1>
...@@ -79,7 +85,7 @@ export default function () { ...@@ -79,7 +85,7 @@ export default function () {
</div> </div>
</> </>
)} )}
{step === 2 && ( {step === Step.FINISH && (
<> <>
<div className='mx-auto flex flex-col space-y-20 text-center'> <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> <h1 className='mt-4 text-2xl tracking-tight text-gray-900'>Run your first model</h1>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment