feat: Change OpenPanelButton.js to tsx (#1116)

* changed OpenPanelButton.js to tsx * fix: Make import more general * fix: Add semicolon after line 12
uclaacm · Jan 31, 2024 · b863a85 · b863a85
1 parent 2d9f55f
commit b863a85
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/common/OpenPanelButton.js → src/components/common/OpenPanelButton.tsx b/src/components/common/OpenPanelButton.js → src/components/common/OpenPanelButton.tsx
@@ -7,7 +7,12 @@ import React from 'react';
  * togglePanel: function to call when you want the Profile Panel to disappear/reappear
  */
 
-const OpenPanelButton = function ({ panelOpen, togglePanel }) {
+interface OpenPanelButtonProps {
+  panelOpen: boolean;
+  togglePanel: () => void;
+}
+
+const OpenPanelButton = function ({ panelOpen, togglePanel }: OpenPanelButtonProps) {
   // if the left panel is closed, show nothing
   // otherwise show hamburger icon
   if (panelOpen) {

diff --git a/src/components/common/containers/OpenPanelButtonContainer.js b/src/components/common/containers/OpenPanelButtonContainer.js
@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import { togglePanel } from '../../../actions/uiActions.js';
-import OpenPanelButton from '../OpenPanelButton.js';
+import { togglePanel } from '../../../actions/uiActions';
+import OpenPanelButton from '../OpenPanelButton';
 
 const mapStateToProps = (state) => ({
   panelOpen: state.ui.panelOpen,
@@ -10,9 +10,6 @@ const mapDispatchToProps = (dispatch) => ({
   togglePanel: () => dispatch(togglePanel()),
 });
 
-const OpenPanelButtonContainer = connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(OpenPanelButton);
+const OpenPanelButtonContainer = connect(mapStateToProps, mapDispatchToProps)(OpenPanelButton);
 
 export default OpenPanelButtonContainer;