New: Project Aphrodite

frontend/src/Movie/Index/Menus/MovieIndexViewMenu.js

@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { align } from 'Helpers/Props';
+import ViewMenu from 'Components/Menu/ViewMenu';
+import MenuContent from 'Components/Menu/MenuContent';
+import ViewMenuItem from 'Components/Menu/ViewMenuItem';
+
+function MovieIndexViewMenu(props) {
+  const {
+    view,
+    isDisabled,
+    onViewSelect
+  } = props;
+
+  return (
+    <ViewMenu
+      isDisabled={isDisabled}
+      alignMenu={align.RIGHT}
+    >
+      <MenuContent>
+        <ViewMenuItem
+          name="table"
+          selectedView={view}
+          onPress={onViewSelect}
+        >
+          Table
+        </ViewMenuItem>
+
+        <ViewMenuItem
+          name="posters"
+          selectedView={view}
+          onPress={onViewSelect}
+        >
+          Posters
+        </ViewMenuItem>
+
+        <ViewMenuItem
+          name="overview"
+          selectedView={view}
+          onPress={onViewSelect}
+        >
+          Overview
+        </ViewMenuItem>
+      </MenuContent>
+    </ViewMenu>
+  );
+}
+
+MovieIndexViewMenu.propTypes = {
+  view: PropTypes.string.isRequired,
+  isDisabled: PropTypes.bool.isRequired,
+  onViewSelect: PropTypes.func.isRequired
+};
+
+export default MovieIndexViewMenu;