Added series index selection

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

@@ -0,0 +1,41 @@
+import React, { useCallback } from 'react';
+import { SelectActionType, useSelect } from 'App/SelectContext';
+import IconButton from 'Components/Link/IconButton';
+import { icons } from 'Helpers/Props';
+import styles from './SeriesIndexPosterSelect.css';
+
+interface SeriesIndexPosterSelectProps {
+  seriesId: number;
+}
+
+function SeriesIndexPosterSelect(props: SeriesIndexPosterSelectProps) {
+  const { seriesId } = props;
+  const [selectState, selectDispatch] = useSelect();
+  const isSelected = selectState.selectedState[seriesId];
+
+  const onSelectPress = useCallback(
+    (event) => {
+      const shiftKey = event.nativeEvent.shiftKey;
+
+      selectDispatch({
+        type: SelectActionType.ToggleSelected,
+        id: seriesId,
+        isSelected: !isSelected,
+        shiftKey,
+      });
+    },
+    [seriesId, isSelected, selectDispatch]
+  );
+
+  return (
+    <IconButton
+      className={styles.checkContainer}
+      iconClassName={isSelected ? styles.selected : styles.unselected}
+      name={isSelected ? icons.CHECK_CIRCLE : icons.CIRCLE_OUTLINE}
+      size={20}
+      onPress={onSelectPress}
+    />
+  );
+}
+
+export default SeriesIndexPosterSelect;