refactor

client/src/components/button.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Link, LinkProps } from "react-router-dom";
+
+export interface ButtonProps extends LinkProps {
+  disabled?: boolean
+  inverted?: boolean
+}
+
+export function Button(props: ButtonProps) {
+  if (props.disabled) {
+    return <span className={`btn btn-disabled ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</span>
+  } else {
+    return <Link className={`btn ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</Link>
+  }
+}