undo button

client/src/components/Button.tsx

@@ -3,12 +3,13 @@ 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}>{props.children}</span>
+    return <span className={`btn btn-disabled ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</span>
   } else {
-    return <Link className="btn" {...props}>{props.children}</Link>
+    return <Link className={`btn ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</Link>
   }
 }