status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Sort owners by name

This commit is contained in:
Germán Martínez 2019-07-02 08:59:01 +02:00
parent c909c64020
commit 970f7037aa
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/safe/components/Settings/ManageOwners/index.jsx
View File

@ -20,7 +20,7 @@ import EditOwnerModal from './EditOwnerModal'
import OwnerAddressTableCell from './OwnerAddressTableCell' import OwnerAddressTableCell from './OwnerAddressTableCell'
import type { Owner } from '~/routes/safe/store/models/owner' import type { Owner } from '~/routes/safe/store/models/owner'
import { import {
getOwnerData, generateColumns, OWNERS_TABLE_ADDRESS_ID, type OwnerRow, getOwnerData, generateColumns, OWNERS_TABLE_NAME_ID, OWNERS_TABLE_ADDRESS_ID, type OwnerRow,
} from './dataFetcher' } from './dataFetcher'
import { sm, boldFont } from '~/theme/variables' import { sm, boldFont } from '~/theme/variables'
import { styles } from './style' import { styles } from './style'
@ -123,7 +123,15 @@ class ManageOwners extends React.Component<Props, State> {
<Paragraph noMargin className={classes.title} size="lg" weight="bolder"> <Paragraph noMargin className={classes.title} size="lg" weight="bolder">
Manage Safe Owners Manage Safe Owners
</Paragraph> </Paragraph>
<Table label="owners" columns={columns} data={ownerData} size={ownerData.size} defaultFixed noBorder> <Table
label="Owners"
defaultOrderBy={OWNERS_TABLE_NAME_ID}
columns={columns}
data={ownerData}
size={ownerData.size}
defaultFixed
noBorder
>
{(sortedData: Array<OwnerRow>) => sortedData.map((row: any, index: number) => ( {(sortedData: Array<OwnerRow>) => sortedData.map((row: any, index: number) => (
<TableRow tabIndex={-1} key={index} className={classes.hide} data-testid={OWNERS_ROW_TESTID}> <TableRow tabIndex={-1} key={index} className={classes.hide} data-testid={OWNERS_ROW_TESTID}>
{autoColumns.map((column: Column) => ( {autoColumns.map((column: Column) => (