Change import statements, and add type for SwitchProps (#1093)

* Change import statements, and add type for SwitchProps

* Add space to argument of offImg in Switch.tsx

src/components/common/Switch.test.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Switch from './Switch.js';
+import Switch from './Switch.tsx';
 
 const switchOnClass = '.switch-body.switch-on'; // there has to be a better way of doing this
 const switchCheckboxClass = '.switch-input';

src/components/common/Switch.js → src/components/common/Switch.tsx

@@ -9,8 +9,14 @@ import '../../styles/Switch.scss';
  * @param {JSX} onImg (optional): (JSX) element to be displayed on switch body when set to "on"
  * @param {JSX} offImg (optional): (JSX) element to be displayed on switch body when set to "off"
  */
+interface SwitchProps {
+  on: boolean; 
+  onToggle: (on:boolean) => void; 
+  onImg?: JSX.Element; 
+  offImg?: JSX.Element;
 
-const Switch = function (props) {
+}
+const Switch = function (props: SwitchProps) {
   const [on, setOn] = useState(!props.on ? false : props.on);
 
   useEffect(() => {