41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import * as React from "react";
|
|
import { get } from "lodash";
|
|
import { Page } from "./ui/index";
|
|
import { Session } from "./session";
|
|
import { ExternalUrl } from "./external_urls";
|
|
|
|
/** Use currying to pass down `error` object for now. */
|
|
export function crashPage(error: object) {
|
|
return class CrashPage extends React.Component<{}, {}> {
|
|
render() {
|
|
const stack = get(error, "stack", "No stack.");
|
|
const message = get(error, "message", "No message available.");
|
|
window.Rollbar &&
|
|
window.Rollbar.error &&
|
|
window.Rollbar.error(error);
|
|
const msg = JSON.stringify({ message, stack });
|
|
|
|
return <Page>
|
|
<h1> Something went wrong! </h1>
|
|
<p>We hit an internal error while rendering this page.</p>
|
|
<p>We have been notified of the issue and will investigate a solution shortly.</p>
|
|
<hr />
|
|
<h2>Resolving the Issue</h2>
|
|
<ol>
|
|
<li>Perform a "hard refresh" (<strong>CTRL + SHIFT + R</strong> on most machines).</li>
|
|
<li><span><a onClick={() => Session.clear()}>Log out by clicking here.</a></span></li>
|
|
<li>Send the error information (below) to our developer team via the
|
|
<a href={ExternalUrl.softwareForum}>FarmBot software
|
|
forum</a>. Including additional information (such as steps leading up
|
|
to the error) help us identify solutions more quickly. </li>
|
|
</ol>
|
|
<hr />
|
|
<pre>
|
|
<br />
|
|
{msg}
|
|
</pre>
|
|
</Page>;
|
|
}
|
|
};
|
|
}
|