87 lines
2.8 KiB
TypeScript
87 lines
2.8 KiB
TypeScript
|
import { faSignInAlt } from '@fortawesome/free-solid-svg-icons'
|
||
|
|
import { ActionButton } from '../components/ActionButton'
|
||
|
|
import { isTauri } from '../lib/isTauri'
|
||
|
|
import { useStore } from '../useStore'
|
||
|
|
import { invoke } from '@tauri-apps/api/tauri'
|
||
|
|
import { useNavigate } from 'react-router-dom'
|
||
|
|
|
||
|
|
const SignIn = () => {
|
||
|
|
const navigate = useNavigate()
|
||
|
|
const { setToken } = useStore((s) => ({
|
||
|
|
setToken: s.setToken,
|
||
|
|
}))
|
||
|
|
const signInTauri = async () => {
|
||
|
|
// We want to invoke our command to login via device auth.
|
||
|
|
try {
|
||
|
|
const token: string = await invoke('login')
|
||
|
|
setToken(token)
|
||
|
|
navigate('/')
|
||
|
|
} catch (error) {
|
||
|
|
console.error('login button', error)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<main className="h-full min-h-screen bg-chalkboard-20 m-0 p-0 pt-24">
|
||
|
|
<div className="max-w-2xl mx-auto">
|
||
|
|
<div>
|
||
|
|
<img
|
||
|
|
src="/kittycad-logomark.svg"
|
||
|
|
alt="KittyCAD"
|
||
|
|
className="w-48 inline-block"
|
||
|
|
/>
|
||
|
|
<span className="text-3xl leading-none w-auto inline-block align-middle ml-2">
|
||
|
|
Modeling App
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<h1 className="font-bold text-2xl mt-12 mb-6 text-chalkboard-110">
|
||
|
|
Sign in to get started with the KittyCAD Modeling App
|
||
|
|
</h1>
|
||
|
|
<p className="py-4">
|
||
|
|
KCMA is an open-source CAD application for creating accurate 3D models
|
||
|
|
for use in manufacturing. It is built on top of the KittyCAD API.
|
||
|
|
KittyCAD is the first software infrastructure company built
|
||
|
|
specifically for the needs of the manufacturing industry. With KCMA we
|
||
|
|
are showing how the KittyCAD API can be used to build entirely new
|
||
|
|
kinds of software for manufacturing.
|
||
|
|
</p>
|
||
|
|
<p className="py-4">
|
||
|
|
KCMA is currently in development. If you would like to be notified
|
||
|
|
when KCMA is ready for production, please sign up for our mailing list
|
||
|
|
at{' '}
|
||
|
|
<a
|
||
|
|
href="https://kittycad.io"
|
||
|
|
className="font-bold text-liquid-80 hover:text-liquid-70"
|
||
|
|
>
|
||
|
|
kittycad.io
|
||
|
|
</a>
|
||
|
|
.
|
||
|
|
</p>
|
||
|
|
{isTauri() ? (
|
||
|
|
<ActionButton
|
||
|
|
onClick={signInTauri}
|
||
|
|
icon={{ icon: faSignInAlt }}
|
||
|
|
className="w-fit mt-4"
|
||
|
|
>
|
||
|
|
Sign in
|
||
|
|
</ActionButton>
|
||
|
|
) : (
|
||
|
|
<ActionButton
|
||
|
|
Element="link"
|
||
|
|
to={`https://dev.kittycad.io/signin?callbackUrl=${encodeURIComponent(
|
||
|
|
typeof window !== 'undefined' &&
|
||
|
|
window.location.href.replace('signin', '')
|
||
|
|
)}`}
|
||
|
|
icon={{ icon: faSignInAlt }}
|
||
|
|
className="w-fit mt-4"
|
||
|
|
>
|
||
|
|
Sign in
|
||
|
|
</ActionButton>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default SignIn
|