more on button refactor (#388)

- Removed opacity for hover effect. Now uses a brighter variant of color
- Updated other Button usages

frontend/app/modals/modal.tsx

@@ -10,7 +10,6 @@ import "./modal.less";
 
 interface ModalProps {
     children?: React.ReactNode;
-    description?: string;
     okLabel?: string;
     cancelLabel?: string;
     className?: string;
@@ -21,20 +20,7 @@ interface ModalProps {
 }
 
 const Modal = forwardRef<HTMLDivElement, ModalProps>(
-    (
-        {
-            children,
-            className,
-            description,
-            cancelLabel,
-            okLabel,
-            onCancel,
-            onOk,
-            onClose,
-            onClickBackdrop,
-        }: ModalProps,
-        ref
-    ) => {
+    ({ children, className, cancelLabel, okLabel, onCancel, onOk, onClose, onClickBackdrop }: ModalProps, ref) => {
         const renderBackdrop = (onClick) => <div className="modal-backdrop" onClick={onClick}></div>;
 
         const renderFooter = () => {

frontend/app/modals/tos.tsx

@@ -117,7 +117,7 @@ const ModalPage1 = () => {
             </div>
             <footer className="unselectable">
                 <div className="button-wrapper">
-                    <Button className="font-weight-600 primary" onClick={acceptTos}>
+                    <Button className="font-weight-600" onClick={acceptTos}>
                         Continue
                     </Button>
                 </div>
@@ -146,7 +146,7 @@ const ModalPage2 = () => {
             </div>
             <footer className="unselectable">
                 <div className="button-wrapper">
-                    <Button className="font-weight-600 primary" onClick={handleGetStarted}>
+                    <Button className="font-weight-600" onClick={handleGetStarted}>
                         Get Started
                     </Button>
                 </div>

frontend/app/modals/typeaheadmodal.tsx

@@ -66,7 +66,7 @@ const Suggestions = forwardRef<HTMLDivElement, SuggestionsProps>(
 );
 
 interface TypeAheadModalProps {
-    anchorRef: React.RefObject<HTMLDivElement>;
+    anchorRef: React.RefObject<HTMLElement>;
     blockRef?: React.RefObject<HTMLDivElement>;
     suggestions?: SuggestionsType[];
     label?: string;