Finished location code refactor. Has not yet been tested

src/ui/React/AutoupdatingStdButton.tsx

@@ -0,0 +1,70 @@
+/**
+ * Basic stateless button that automatically re-renders itself every X seconds
+ * Uses the 'std-button' css class
+ *
+ * NOT recommended for usage - only if you really have to
+ */
+import * as React from "react";
+
+interface IProps {
+    disabled?: boolean;
+    intervalTime?: number;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => any;
+    style?: object;
+    text: string;
+    tooltip?: string;
+}
+
+interface IState {
+    i: number;
+}
+
+export class AutoupdatingStdButton extends React.Component<IProps, IState> {
+    /**
+     *  Timer ID for auto-updating implementation (returned value from setInterval())
+     */
+    interval: number = 0;
+
+    constructor(props: IProps) {
+        super(props);
+        this.state = {
+            i: 0,
+        }
+    }
+
+    componentDidMount() {
+        const time = this.props.intervalTime ? this.props.intervalTime : 1000;
+        this.interval = setInterval(() => this.tick(), time);
+    }
+
+    componentWillUnmount() {
+        clearInterval(this.interval);
+    }
+
+    tick() {
+        this.setState(prevState => ({
+            i: prevState.i + 1
+        }));
+    }
+
+    render() {
+        const hasTooltip = this.props.tooltip !== "";
+
+        let className = this.props.disabled ? "std-button-disabled" : "std-button";
+        if (hasTooltip) {
+            className += " tooltip"
+        }
+
+        return (
+            <button className={className} onClick={this.props.onClick} style={this.props.style}>
+                {this.props.text}
+                {
+                    hasTooltip &&
+                    <span className={"tooltiptext"}>
+                        {this.props.tooltip}
+                    </span>
+                }
+            </button>
+        )
+    }
+}