Convert Page components to TypeScript

frontend/src/Series/Index/Select/SeriesIndexSelectAllButton.tsx

@@ -1,17 +1,18 @@
 import React, { useCallback } from 'react';
 import { useSelect } from 'App/SelectContext';
-import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarButton, {
+  PageToolbarButtonProps,
+} from 'Components/Page/Toolbar/PageToolbarButton';
 import { icons } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 
-interface SeriesIndexSelectAllButtonProps {
-  label: string;
+interface SeriesIndexSelectAllButtonProps
+  extends Omit<PageToolbarButtonProps, 'iconName'> {
   isSelectMode: boolean;
-  overflowComponent: React.FunctionComponent<never>;
 }
 
 function SeriesIndexSelectAllButton(props: SeriesIndexSelectAllButtonProps) {
-  const { isSelectMode } = props;
+  const { isSelectMode, overflowComponent } = props;
   const [selectState, selectDispatch] = useSelect();
   const { allSelected, allUnselected } = selectState;
 
@@ -33,6 +34,7 @@ function SeriesIndexSelectAllButton(props: SeriesIndexSelectAllButtonProps) {
     <PageToolbarButton
       label={allSelected ? translate('UnselectAll') : translate('SelectAll')}
       iconName={icon}
+      overflowComponent={overflowComponent}
       onPress={onPress}
     />
   ) : null;

frontend/src/Series/Index/Select/SeriesIndexSelectModeButton.tsx

@@ -1,18 +1,16 @@
-import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import React, { useCallback } from 'react';
 import { useSelect } from 'App/SelectContext';
-import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarButton, {
+  PageToolbarButtonProps,
+} from 'Components/Page/Toolbar/PageToolbarButton';
 
-interface SeriesIndexSelectModeButtonProps {
-  label: string;
-  iconName: IconDefinition;
+interface SeriesIndexSelectModeButtonProps extends PageToolbarButtonProps {
   isSelectMode: boolean;
-  overflowComponent: React.FunctionComponent<never>;
   onPress: () => void;
 }
 
 function SeriesIndexSelectModeButton(props: SeriesIndexSelectModeButtonProps) {
-  const { label, iconName, isSelectMode, onPress } = props;
+  const { label, iconName, isSelectMode, overflowComponent, onPress } = props;
   const [, selectDispatch] = useSelect();
 
   const onPressWrapper = useCallback(() => {
@@ -29,6 +27,7 @@ function SeriesIndexSelectModeButton(props: SeriesIndexSelectModeButtonProps) {
     <PageToolbarButton
       label={label}
       iconName={iconName}
+      overflowComponent={overflowComponent}
       onPress={onPressWrapper}
     />
   );

frontend/src/Series/Index/Select/SeriesIndexSelectModeMenuItem.tsx

@@ -1,11 +1,11 @@
-import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import React, { useCallback } from 'react';
 import { useSelect } from 'App/SelectContext';
+import { IconName } from 'Components/Icon';
 import PageToolbarOverflowMenuItem from 'Components/Page/Toolbar/PageToolbarOverflowMenuItem';
 
 interface SeriesIndexSelectModeMenuItemProps {
   label: string;
-  iconName: IconDefinition;
+  iconName: IconName;
   isSelectMode: boolean;
   onPress: () => void;
 }