TableDropdown: add interface and update to named export, no-verify

Author: clairep94

client/components/Dropdown/DropdownMenu.tsx

@@ -4,7 +4,7 @@ import { remSize, prop } from '../../theme';
 import { useModalClose } from '../../common/useModalClose';
 import DownArrowIcon from '../../images/down-filled-triangle.svg';
 
-enum DropdownMenuAlignment {
+export enum DropdownMenuAlignment {
   RIGHT = 'right',
   LEFT = 'left'
 }

client/components/Dropdown/TableDropdown.tsx

@@ -1,7 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 import { prop, remSize } from '../../theme';
-import { DropdownMenu } from './DropdownMenu';
+import {
+  DropdownMenu,
+  DropdownMenuProps,
+  DropdownMenuAlignment
+} from './DropdownMenu';
 
 import DownFilledTriangleIcon from '../../images/down-filled-triangle.svg';
 import MoreIconSvg from '../../images/more.svg';
@@ -20,8 +24,10 @@ const TableDropdownIcon = () => {
   );
 };
 
-const TableDropdown = styled(DropdownMenu).attrs({
-  align: 'right',
+export interface TableDropdownProps extends DropdownMenuProps {}
+
+export const TableDropdown = styled(DropdownMenu).attrs<TableDropdownProps>({
+  align: DropdownMenuAlignment.RIGHT,
   anchor: <TableDropdownIcon />
 })`
   & > button {
@@ -42,5 +48,3 @@ const TableDropdown = styled(DropdownMenu).attrs({
     right: calc(100% - 26px);
   }
 `;
-
-export default TableDropdown;

client/modules/IDE/components/AssetListRow.jsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 import prettyBytes from 'pretty-bytes';
 import { MenuItem } from '../../../components/Dropdown/MenuItem';
-import TableDropdown from '../../../components/Dropdown/TableDropdown';
+import { TableDropdown } from '../../../components/Dropdown/TableDropdown';
 import { deleteAssetRequest } from '../actions/assets';
 
 const AssetMenu = ({ item: asset }) => {

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux';
 import { withTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import { MenuItem } from '../../../../components/Dropdown/MenuItem';
-import TableDropdown from '../../../../components/Dropdown/TableDropdown';
+import { TableDropdown } from '../../../../components/Dropdown/TableDropdown';
 import * as ProjectActions from '../../actions/project';
 import * as CollectionsActions from '../../actions/collections';
 import * as IdeActions from '../../actions/ide';

client/modules/IDE/components/SketchListRowBase.jsx

@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import * as ProjectActions from '../actions/project';
 import * as IdeActions from '../actions/ide';
-import TableDropdown from '../../../components/Dropdown/TableDropdown';
+import { TableDropdown } from '../../../components/Dropdown/TableDropdown';
 import { MenuItem } from '../../../components/Dropdown/MenuItem';
 import { formatDateToString } from '../../../utils/formatDate';
 import { getConfig } from '../../../utils/getConfig';