Commit abc09e9

committed

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

1 parent 26c65c3 commit abc09e9Copy full SHA for abc09e9

File tree

+13

-9

lines changed

+13

-9

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import { remSize, prop } from '../../theme';`
`4`	`4`	`import { useModalClose } from '../../common/useModalClose';`
`5`	`5`	`import DownArrowIcon from '../../images/down-filled-triangle.svg';`
`6`	`6`
`7`		`-enum DropdownMenuAlignment {`
	`7`	`+exportenum DropdownMenuAlignment {`
`8`	`8`	`RIGHT = 'right',`
`9`	`9`	`LEFT = 'left'`
`10`	`10`	`}`

Lines changed: 9 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,11 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`	`import styled from 'styled-components';`
`3`	`3`	`import { prop, remSize } from '../../theme';`
`4`		`-import { DropdownMenu } from './DropdownMenu';`
	`4`	`+import {`
	`5`	`+ DropdownMenu,`
	`6`	`+ DropdownMenuProps,`
	`7`	`+ DropdownMenuAlignment`
	`8`	`+} from './DropdownMenu';`
`5`	`9`
`6`	`10`	`import DownFilledTriangleIcon from '../../images/down-filled-triangle.svg';`
`7`	`11`	`import MoreIconSvg from '../../images/more.svg';`
`@@ -20,8 +24,10 @@ const TableDropdownIcon = () => {`
`20`	`24`	`);`
`21`	`25`	`};`
`22`	`26`
`23`		`-const TableDropdown = styled(DropdownMenu).attrs({`
`24`		`- align: 'right',`
	`27`	`+export interface TableDropdownProps extends DropdownMenuProps {}`
	`28`	`+`
	`29`	`+export const TableDropdown = styled(DropdownMenu).attrs<TableDropdownProps>({`
	`30`	`+ align: DropdownMenuAlignment.RIGHT,`
`25`	`31`	`anchor: <TableDropdownIcon />`
`26`	`32`	})`
`27`	`33`	`& > button {`
`@@ -42,5 +48,3 @@ const TableDropdown = styled(DropdownMenu).attrs({`
`42`	`48`	`right: calc(100% - 26px);`
`43`	`49`	`}`
`44`	`50`	`;
`45`		`-`
`46`		`-export default TableDropdown;`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';`
`5`	`5`	`import { useTranslation } from 'react-i18next';`
`6`	`6`	`import prettyBytes from 'pretty-bytes';`
`7`	`7`	`import { MenuItem } from '../../../components/Dropdown/MenuItem';`
`8`		`-import TableDropdown from '../../../components/Dropdown/TableDropdown';`
	`8`	`+import {TableDropdown} from '../../../components/Dropdown/TableDropdown';`
`9`	`9`	`import { deleteAssetRequest } from '../actions/assets';`
`10`	`10`
`11`	`11`	`const AssetMenu = ({ item: asset }) => {`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux';`
`6`	`6`	`import { withTranslation } from 'react-i18next';`
`7`	`7`	`import styled from 'styled-components';`
`8`	`8`	`import { MenuItem } from '../../../../components/Dropdown/MenuItem';`
`9`		`-import TableDropdown from '../../../../components/Dropdown/TableDropdown';`
	`9`	`+import {TableDropdown} from '../../../../components/Dropdown/TableDropdown';`
`10`	`10`	`import * as ProjectActions from '../../actions/project';`
`11`	`11`	`import * as CollectionsActions from '../../actions/collections';`
`12`	`12`	`import * as IdeActions from '../../actions/ide';`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux';`
`6`	`6`	`import { connect } from 'react-redux';`
`7`	`7`	`import * as ProjectActions from '../actions/project';`
`8`	`8`	`import * as IdeActions from '../actions/ide';`
`9`		`-import TableDropdown from '../../../components/Dropdown/TableDropdown';`
	`9`	`+import {TableDropdown} from '../../../components/Dropdown/TableDropdown';`
`10`	`10`	`import { MenuItem } from '../../../components/Dropdown/MenuItem';`
`11`	`11`	`import { formatDateToString } from '../../../utils/formatDate';`
`12`	`12`	`import { getConfig } from '../../../utils/getConfig';`

Comments

(0)