aboutsummaryrefslogtreecommitdiffstats
path: root/sdnr/wt/odlux/framework/src/views/home.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'sdnr/wt/odlux/framework/src/views/home.tsx')
-rw-r--r--sdnr/wt/odlux/framework/src/views/home.tsx38
1 files changed, 38 insertions, 0 deletions
diff --git a/sdnr/wt/odlux/framework/src/views/home.tsx b/sdnr/wt/odlux/framework/src/views/home.tsx
new file mode 100644
index 000000000..3d7497401
--- /dev/null
+++ b/sdnr/wt/odlux/framework/src/views/home.tsx
@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Button from '@material-ui/core/Button';
+
+class BuggyCounter extends React.Component<{}, {counter:number}> {
+ constructor(props: {}) {
+ super(props);
+ this.state = { counter: 0 };
+ this.handleClick = this.handleClick.bind(this);
+ }
+
+ handleClick() {
+ this.setState(({ counter }) => ({
+ counter: counter + 1
+ }));
+ }
+
+ render() {
+ if (this.state.counter === 5) {
+ // Simulate a JS error
+ throw new Error('I crashed!');
+ }
+ return <h1 onClick={ this.handleClick }>{ this.state.counter }</h1>;
+ }
+}
+
+export const Home = (props: React.Props<any>) => {
+ return (
+ <div>
+ <h1>Welcome to ODLUX.</h1>
+ <Button variant="contained" color="secondary" onClick={ () => { throw new Error("This is an error") } }>
+ Throw an Error1
+ </Button>
+ <BuggyCounter />
+ </div>
+ )
+}
+
+export default Home; \ No newline at end of file