@bjsdistribution/dms-client-return 0.0.55 → 0.0.56

package/src/components/order-view/general-information/dropdowns/Options.tsx

@@ -1,68 +0,0 @@
-import {
-  SelectDropdown,
-  dropdownStyles,
-  filterDropdownStyles,
-} from '@bjsdistribution/dms-component-library';
-import React from 'react';
-import styled from 'styled-components';
-import { OptionsMenu } from '../../fakedata';
-import { useCurrentAction, useIsOnHoldOrder } from '../../store';
-
-function Options() {
-  const [, setCurrentAction] = useCurrentAction();
-  const [hold] = useIsOnHoldOrder();
-
-  const handleSelectChange = (selectedOption: any) => {
-    setCurrentAction(selectedOption.value);
-  };
-
-  const filteredOptions = OptionsMenu.filter(option => {
-    if (hold) {
-      return option.value !== 'hold-order';
-    } else {
-      return option.value !== 'unhold-order';
-    }
-  });
-
-  return (
-    <Option>
-      <SelectDropdown
-        placeholder="OPTIONS"
-        inputId="bjsmenu"
-        options={filteredOptions}
-        onChange={handleSelectChange}
-        isSearchable={false}
-        styles={{
-          ...dropdownStyles,
-          ...filterDropdownStyles,
-          container: styles => ({
-            ...styles,
-            cursor: 'pointer',
-          }),
-          menu: styles => ({
-            ...styles,
-            top: '113%',
-            borderRadius: '5px',
-            width: 'max-content',
-            cursor: 'pointer',
-          }),
-          control: styles => ({
-            ...styles,
-            width: '105px',
-            boxShadow: 'none',
-            borderColor: 'transparent',
-            cursor: 'pointer',
-            '&:hover': {
-              boxShadow: 'none',
-              borderColor: 'transparent',
-            },
-          }),
-        }}
-        value="OPTIONS"
-      />
-    </Option>
-  );
-}
-const Option = styled.div``;
-
-export default Options;