488e41ac0e
* Fix #593: don't prevent default on link click * Use absolute/explicit path for settings Trying to test fix for #594 * Broken: replace almost all relative URLs with absolute * add relative jump backs util * dot dot slash everywhere * use usLocation not window.location * the one that got away * fmt 🤦♂️ --------- Co-authored-by: Kurt Hutten Irev-Dev <k.hutten@protonmail.ch>
59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
import { faArrowRight, faXmark } from '@fortawesome/free-solid-svg-icons'
|
|
import { ActionButton } from '../../components/ActionButton'
|
|
import { onboardingPaths, useDismiss, useNextClick } from '.'
|
|
import { useStore } from '../../useStore'
|
|
import { isTauri } from 'lib/isTauri'
|
|
import { useDotDotSlash } from 'hooks/useDotDotSlash'
|
|
|
|
export default function ProjectMenu() {
|
|
const { buttonDownInStream } = useStore((s) => ({
|
|
buttonDownInStream: s.buttonDownInStream,
|
|
}))
|
|
const dismiss = useDismiss()
|
|
const next = useNextClick(onboardingPaths.EXPORT)
|
|
const dotDotSlash = useDotDotSlash()
|
|
|
|
return (
|
|
<div className="fixed grid justify-center items-start inset-0 z-50 pointer-events-none">
|
|
<div
|
|
className={
|
|
'max-w-xl flex flex-col justify-center bg-chalkboard-10 dark:bg-chalkboard-90 p-8 rounded' +
|
|
(buttonDownInStream ? '' : ' pointer-events-auto')
|
|
}
|
|
>
|
|
<section className="flex-1">
|
|
<h2 className="text-2xl">Project Menu</h2>
|
|
<p className="my-4">
|
|
Click on Kitt in the upper left to open the project menu. You can
|
|
only {isTauri() && 'go home or '}export your model—which we'll talk
|
|
about next—for now. We'll add more options here soon, especially as
|
|
we add support for multi-file assemblies.
|
|
</p>
|
|
</section>
|
|
<div className="flex justify-between">
|
|
<ActionButton
|
|
Element="button"
|
|
onClick={() => dismiss(dotDotSlash(2))}
|
|
icon={{
|
|
icon: faXmark,
|
|
bgClassName: 'bg-destroy-80',
|
|
iconClassName:
|
|
'text-destroy-20 group-hover:text-destroy-10 hover:text-destroy-10',
|
|
}}
|
|
className="hover:border-destroy-40"
|
|
>
|
|
Dismiss
|
|
</ActionButton>
|
|
<ActionButton
|
|
Element="button"
|
|
onClick={next}
|
|
icon={{ icon: faArrowRight }}
|
|
>
|
|
Next: Export
|
|
</ActionButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|