b0426e3f94
* Create a global appMachine
* Strip authMachine of side-effects
* Replace react-bound authMachine use with XState actor use
* Fix import goof
* Register auth commands directly!
* @lf94 feedback: conver `AuthNavigationHandler` to `useAuthNavigation`
* Uh, fix signing out thank you @lf94
* Fix tsc
* A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores)
* Revert "A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores)"
This reverts commit 8dc50b6a26.
---------
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
import { coreDump } from 'lang/wasm'
|
|
import { CoreDumpManager } from 'lib/coredump'
|
|
import { CustomIcon } from './CustomIcon'
|
|
import { codeManager, engineCommandManager } from 'lib/singletons'
|
|
import React, { useMemo } from 'react'
|
|
import toast from 'react-hot-toast'
|
|
import Tooltip from './Tooltip'
|
|
import { useSettingsAuthContext } from 'hooks/useSettingsAuthContext'
|
|
import { reportRejection } from 'lib/trap'
|
|
import { toSync } from 'lib/utils'
|
|
import { useToken } from 'machines/appMachine'
|
|
|
|
export const RefreshButton = ({ children }: React.PropsWithChildren) => {
|
|
const token = useToken()
|
|
const coreDumpManager = useMemo(
|
|
() => new CoreDumpManager(engineCommandManager, codeManager, token),
|
|
[]
|
|
)
|
|
|
|
async function refresh() {
|
|
if (window && 'plausible' in window) {
|
|
const p = window.plausible as (
|
|
event: string,
|
|
options?: { props: Record<string, string> }
|
|
) => Promise<void>
|
|
// Send a refresh event to Plausible so we can track how often users get stuck
|
|
await p('Refresh', {
|
|
props: {
|
|
method: 'UI button',
|
|
// TODO: add more coredump data here
|
|
},
|
|
})
|
|
}
|
|
|
|
toast
|
|
.promise(
|
|
coreDump(coreDumpManager, true),
|
|
{
|
|
loading: 'Starting core dump...',
|
|
success: 'Core dump completed successfully',
|
|
error: 'Error while exporting core dump',
|
|
},
|
|
{
|
|
success: {
|
|
// Note: this extended duration is especially important for Playwright e2e testing
|
|
// default duration is 2000 - https://react-hot-toast.com/docs/toast#default-durations
|
|
duration: 6000,
|
|
},
|
|
}
|
|
)
|
|
.then(() => {
|
|
// Window may not be available in some environments
|
|
window?.location.reload()
|
|
})
|
|
.catch(reportRejection)
|
|
}
|
|
|
|
return (
|
|
<button
|
|
onClick={toSync(refresh, reportRejection)}
|
|
className="p-1 m-0 bg-chalkboard-10/80 dark:bg-chalkboard-100/50 hover:bg-chalkboard-10 dark:hover:bg-chalkboard-100 rounded-full border border-solid border-chalkboard-20 dark:border-chalkboard-90"
|
|
>
|
|
<CustomIcon name="exclamationMark" className="w-5 h-5" />
|
|
<Tooltip position="bottom-right">
|
|
<span>Refresh and report</span>
|
|
<br />
|
|
<span className="text-xs">Send us data on how you got stuck</span>
|
|
</Tooltip>
|
|
</button>
|
|
)
|
|
}
|