Convert ViewportAwareButton JS files to TypeScript (#1094)

* convert to typescript * rename vanilla js files * re-style ViewportAwareButtonProps, revert test --------- Co-authored-by: Michael Lan <[email protected]>
uclaacm · Oct 31, 2023 · 7e79e88 · 7e79e88
1 parent 792ece0
commit 7e79e88
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/common/ViewportAwareButton.js → ...components/common/ViewportAwareButton.tsx b/src/components/common/ViewportAwareButton.js → ...components/common/ViewportAwareButton.tsx
@@ -9,7 +9,15 @@ import { Button } from 'reactstrap';
 /** --------Optional props--------
  * any props you would apply to a reactstrap Button.
  */
-const ViewportAwareButton = function (props) {
+
+interface ViewportAwareButtonProps{
+  icon: React.JSX.Element,
+  text: string,
+  isSmall: boolean,
+  remainder: any,
+};
+
+const ViewportAwareButton = function (props : ViewportAwareButtonProps) {
   // extract icon and text from props.
   const {
     icon, text, isSmall, ...remainder