1988447305

Build # 1988447305

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/gnosis/safe-react/commit/<a class=hub.com/gnosis/safe-react/commit/<a class="double-link" href="https://git"><a class=hub.com/gnosis/safe-react/commit/<a class="double-link" href="https://git"><a class=hub.com/gnosis/safe-react/commit/<a class="double-link" href="https://git"><a class=hub.com/gnosis/safe-react/commit/eef150afbfaea7982ba27ff1a661c1a8102fdf33">eef150afb">&lt;a href=&quot;https://github.com/gnosis/safe-react/commit/</a><a class="double-link" href="https://github.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/eef150afbfaea7982ba27ff1a661c1a8102fdf33">eef150afb</a><a href="https://github.com/gnosis/safe-react/commit/eef150afbfaea7982ba27ff1a661c1a8102fdf33">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/gnosis/safe-react/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/eef150afbfaea7982ba27ff1a661c1a8102fdf33&quot;&gt;eef150afb&lt;/a&gt;&lt;a href=&quot;https://github.com/gnosis/safe-react/commit/eef150afbfaea7982ba27ff1a661c1a8102fdf33&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/gnosis/safe-react/commit/&amp;lt;/a&amp;gt;&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://github.com/gnosis/safe-react/commit/&amp;amp;lt;a ... (continued)

Pull Request Pull Request #3675: fix: track all events

Run Details

1216 of 4344 branches covered (27.99%)

Branch coverage included in aggregate %.

139 of 139 new or added lines in 45 files covered. (100.0%)

3436 of 8852 relevant lines covered (38.82%)

36.12 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/routes/safe/components/Settings/SpendingLimit/LimitsTable/index.tsx

import { Text, Icon } from '@gnosis.pm/safe-react-components'
import TableContainer from '@material-ui/core/TableContainer'
import cn from 'classnames'
import { ReactElement, useState } from 'react'
import { useSelector } from 'react-redux'

import ButtonHelper from 'src/components/ButtonHelper'
import Row from 'src/components/layout/Row'
import { TableCell, TableRow } from 'src/components/layout/Table'
import Table from 'src/components/Table'
import Track from 'src/components/Track'
import { AddressInfo } from 'src/routes/safe/components/Settings/SpendingLimit/InfoDisplay'
import { RemoveLimitModal } from 'src/routes/safe/components/Settings/SpendingLimit/RemoveLimitModal'
import { useStyles } from 'src/routes/safe/components/Settings/SpendingLimit/style'
import { grantedSelector } from 'src/routes/safe/container/selector'
import { SETTINGS_EVENTS } from 'src/utils/events/settings'

import {
  generateColumns,
  SPENDING_LIMIT_TABLE_BENEFICIARY_ID,
  SPENDING_LIMIT_TABLE_RESET_TIME_ID,
  SPENDING_LIMIT_TABLE_SPENT_ID,
  SpendingLimitTable,
} from './dataFetcher'
import { SpentVsAmount } from './SpentVsAmount'

interface SpendingLimitTableProps {
  data?: SpendingLimitTable[]
}

export const LimitsTable = ({ data }: SpendingLimitTableProps): ReactElement => {
  const classes = useStyles()
  const granted = useSelector(grantedSelector)

  const columns = generateColumns()
  const autoColumns = columns.filter(({ custom }) => !custom)

  const [selectedRow, setSelectedRow] = useState<SpendingLimitTable>()

  return (
    <>
      <TableContainer style={{ minHeight: '440px' }}>
        <Table
          columns={columns}
          data={data}
          defaultFixed
          defaultOrderBy={SPENDING_LIMIT_TABLE_BENEFICIARY_ID}
          defaultRowsPerPage={5}
          label="Spending limits"
          noBorder
          size={data?.length}
        >
          {(sortedData) =>
            sortedData.map((row, index) => (
              <TableRow
                className={cn(classes.hide, index >= 3 && index === sortedData.size - 1 && classes.noBorderBottom)}
                data-testid="spending-limit-table-row"
                key={index}
                tabIndex={-1}
              >
                {autoColumns.map((column, index) => {
                  const columnId = column.id
                  const rowElement = row[columnId]

                  return (
                    <TableCell align={column.align} component="td" key={`${columnId}-${index}`}>
                      {columnId === SPENDING_LIMIT_TABLE_BENEFICIARY_ID && <AddressInfo address={rowElement} />}
                      {columnId === SPENDING_LIMIT_TABLE_SPENT_ID && <SpentVsAmount {...rowElement} />}
                      {columnId === SPENDING_LIMIT_TABLE_RESET_TIME_ID && (
                        <Text size="lg">{rowElement.relativeTime}</Text>
                      )}
                    </TableCell>
                  )
                })}
                <TableCell component="td">
                  <Row align="end" className={classes.actions}>
                    {granted && (
                      <Track {...SETTINGS_EVENTS.SPENDING_LIMIT.REMOVE_LIMIT}>
                        <ButtonHelper onClick={() => setSelectedRow(row)} data-testid="remove-limit-btn">
                          <Icon size="sm" type="delete" color="error" tooltip="Remove limit" />
                        </ButtonHelper>
                      </Track>
                    )}
                  </Row>
                </TableCell>
              </TableRow>
            ))
          }
        </Table>
      </TableContainer>
      {selectedRow && (
        <RemoveLimitModal onClose={() => setSelectedRow(undefined)} spendingLimit={selectedRow} open={true} />
      )}
    </>
  )
}

1	import { Text, Icon } from '@gnosis.pm/safe-react-components'
2	import TableContainer from '@material-ui/core/TableContainer'
3	import cn from 'classnames'
4	import { ReactElement, useState } from 'react'
5	import { useSelector } from 'react-redux'
6
7	import ButtonHelper from 'src/components/ButtonHelper'
8	import Row from 'src/components/layout/Row'
9	import { TableCell, TableRow } from 'src/components/layout/Table'
10	import Table from 'src/components/Table'
11	import Track from 'src/components/Track'
12	import { AddressInfo } from 'src/routes/safe/components/Settings/SpendingLimit/InfoDisplay'
13	import { RemoveLimitModal } from 'src/routes/safe/components/Settings/SpendingLimit/RemoveLimitModal'
14	import { useStyles } from 'src/routes/safe/components/Settings/SpendingLimit/style'
15	import { grantedSelector } from 'src/routes/safe/container/selector'
16	import { SETTINGS_EVENTS } from 'src/utils/events/settings'
17
18	import {
19	generateColumns,
20	SPENDING_LIMIT_TABLE_BENEFICIARY_ID,
21	SPENDING_LIMIT_TABLE_RESET_TIME_ID,
22	SPENDING_LIMIT_TABLE_SPENT_ID,
23	SpendingLimitTable,
24	} from './dataFetcher'
25	import { SpentVsAmount } from './SpentVsAmount'
26
27	interface SpendingLimitTableProps {
28	data?: SpendingLimitTable[]
29	}
30
31	export const LimitsTable = ({ data }: SpendingLimitTableProps): ReactElement => {	×
32	const classes = useStyles()	×
33	const granted = useSelector(grantedSelector)	×
34
35	const columns = generateColumns()	×
36	const autoColumns = columns.filter(({ custom }) => !custom)	×
37
38	const [selectedRow, setSelectedRow] = useState<SpendingLimitTable>()	×
39
40	return (	×
41	<>
42	<TableContainer style={{ minHeight: '440px' }}>
43	<Table
44	columns={columns}
45	data={data}
46	defaultFixed
47	defaultOrderBy={SPENDING_LIMIT_TABLE_BENEFICIARY_ID}
48	defaultRowsPerPage={5}
49	label="Spending limits"
50	noBorder
51	size={data?.length}
52	>
53	{(sortedData) =>
54	sortedData.map((row, index) => (	×
55	<TableRow	×
56	className={cn(classes.hide, index >= 3 && index === sortedData.size - 1 && classes.noBorderBottom)}	×
57	data-testid="spending-limit-table-row"
58	key={index}
59	tabIndex={-1}
60	>
61	{autoColumns.map((column, index) => {
62	const columnId = column.id	×
63	const rowElement = row[columnId]	×
64
65	return (	×
66	<TableCell align={column.align} component="td" key={`${columnId}-${index}`}>
67	{columnId === SPENDING_LIMIT_TABLE_BENEFICIARY_ID && <AddressInfo address={rowElement} />}	×
68	{columnId === SPENDING_LIMIT_TABLE_SPENT_ID && <SpentVsAmount {...rowElement} />}	×
69	{columnId === SPENDING_LIMIT_TABLE_RESET_TIME_ID && (	×
70	<Text size="lg">{rowElement.relativeTime}</Text>
71	)}
72	</TableCell>
73	)
74	})}
75	<TableCell component="td">
76	<Row align="end" className={classes.actions}>
77	{granted && (	×
78	<Track {...SETTINGS_EVENTS.SPENDING_LIMIT.REMOVE_LIMIT}>
79	<ButtonHelper onClick={() => setSelectedRow(row)} data-testid="remove-limit-btn">	×
80	<Icon size="sm" type="delete" color="error" tooltip="Remove limit" />
81	</ButtonHelper>
82	</Track>
83	)}
84	</Row>
85	</TableCell>
86	</TableRow>
87	))
88	}
89	</Table>
90	</TableContainer>
91	{selectedRow && (	×
92	<RemoveLimitModal onClose={() => setSelectedRow(undefined)} spendingLimit={selectedRow} open={true} />	×
93	)}
94	</>
95	)
96	}

gnosis / safe-react / 1988447305

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous