2219985031

Committed 25 Apr 2022 12:04PM UTC coverage: 35.665% (+0.09%) from 35.575%

Build # 2219985031

Build Type

github

Committed by GitHub

Commit Message

Merge fe795e191 into 51108ec3b

Pull Request Pull Request #3810: fix: filter invalid addresses in imports

Run Details

1258 of 4463 branches covered (28.19%)

Branch coverage included in aggregate %.

4 of 4 new or added lines in 1 file covered. (100.0%)

15 existing lines in 3 files now uncovered.

3545 of 9004 relevant lines covered (39.37%)

36.2 hits per line

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

0.0

/src/components/App/index.tsx

import { useContext } from 'react'
import { makeStyles } from '@material-ui/core/styles'
import { SnackbarProvider } from 'notistack'
import { useSelector } from 'react-redux'
import styled from 'styled-components'

import AlertIcon from 'src/assets/icons/alert.svg'
import CheckIcon from 'src/assets/icons/check.svg'
import ErrorIcon from 'src/assets/icons/error.svg'
import InfoIcon from 'src/assets/icons/info.svg'
import AppLayout from 'src/components/AppLayout'
import { SafeListSidebar, SafeListSidebarContext } from 'src/components/SafeListSidebar'
import CookiesBanner from 'src/components/CookiesBanner'
import Notifier from 'src/components/Notifier'
import Img from 'src/components/layout/Img'
import { currentSafeWithNames } from 'src/logic/safe/store/selectors'
import { currentCurrencySelector } from 'src/logic/currencyValues/store/selectors'
import Modal from 'src/components/Modal'
import SendModal from 'src/routes/safe/components/Balances/SendModal'
import useSafeActions from 'src/logic/safe/hooks/useSafeActions'
import { formatCurrency } from 'src/logic/tokens/utils/formatAmount'
import { grantedSelector } from 'src/routes/safe/container/selector'
import ReceiveModal from './ReceiveModal'
import { useSidebarItems } from 'src/components/AppLayout/Sidebar/useSidebarItems'
import useAddressBookSync from 'src/logic/addressBook/hooks/useAddressBookSync'

const notificationStyles = {
  success: {
    background: '#fff',
  },
  error: {
    background: '#ffe6ea',
  },
  warning: {
    background: '#fff3e2',
  },
  info: {
    background: '#fff',
  },
}

const Frame = styled.div`
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 100%;
`

const useStyles = makeStyles(notificationStyles)

const App: React.FC = ({ children }) => {
  const classes = useStyles()
  const { toggleSidebar } = useContext(SafeListSidebarContext)
  const { name: safeName, totalFiatBalance: currentSafeBalance } = useSelector(currentSafeWithNames)
  const { safeActionsState, onShow, onHide, showSendFunds, hideSendFunds } = useSafeActions()
  const currentCurrency = useSelector(currentCurrencySelector)
  const granted = useSelector(grantedSelector)
  const sidebarItems = useSidebarItems()
  const { address: safeAddress } = useSelector(currentSafeWithNames)

  useAddressBookSync()

  const sendFunds = safeActionsState.sendFunds
  const balance = formatCurrency(currentSafeBalance.toString(), currentCurrency)

  const onReceiveShow = () => onShow('Receive')
  const onReceiveHide = () => onHide('Receive')

  return (
    <Frame>
      <SnackbarProvider
        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
        classes={{
          variantSuccess: classes.success,
          variantError: classes.error,
          variantWarning: classes.warning,
          variantInfo: classes.info,
        }}
        iconVariant={{
          error: <Img alt="Error" src={ErrorIcon} />,
          info: <Img alt="Info" src={InfoIcon} />,
          success: <Img alt="Success" src={CheckIcon} />,
          warning: <Img alt="Warning" src={AlertIcon} />,
        }}
        maxSnack={5}
      >
        <>
          <Notifier />

          <AppLayout
            sidebarItems={sidebarItems}
            safeAddress={safeAddress}
            safeName={safeName}
            balance={balance}
            granted={granted}
            onToggleSafeList={toggleSidebar}
            onReceiveClick={onReceiveShow}
            onNewTransactionClick={() => showSendFunds('')}
          >
            {children}
          </AppLayout>

          <SendModal
            activeScreenType="chooseTxType"
            isOpen={sendFunds.isOpen}
            onClose={hideSendFunds}
            selectedToken={sendFunds.selectedToken}
          />

          {safeAddress && (
            <Modal
              description="Receive Tokens Form"
              handleClose={onReceiveHide}
              open={safeActionsState.showReceive}
              paperClassName="receive-modal"
              title="Receive Tokens"
            >
              <ReceiveModal onClose={onReceiveHide} safeAddress={safeAddress} safeName={safeName} />
            </Modal>
          )}
        </>
      </SnackbarProvider>
      <CookiesBanner />
    </Frame>
  )
}

const WrapperAppWithSidebar: React.FC = ({ children }) => (
  <SafeListSidebar>
    <App>{children}</App>
  </SafeListSidebar>
)

export default WrapperAppWithSidebar

1	import { useContext } from 'react'
2	import { makeStyles } from '@material-ui/core/styles'
3	import { SnackbarProvider } from 'notistack'
4	import { useSelector } from 'react-redux'
5	import styled from 'styled-components'
6
7	import AlertIcon from 'src/assets/icons/alert.svg'
8	import CheckIcon from 'src/assets/icons/check.svg'
9	import ErrorIcon from 'src/assets/icons/error.svg'
10	import InfoIcon from 'src/assets/icons/info.svg'
11	import AppLayout from 'src/components/AppLayout'
12	import { SafeListSidebar, SafeListSidebarContext } from 'src/components/SafeListSidebar'
13	import CookiesBanner from 'src/components/CookiesBanner'
14	import Notifier from 'src/components/Notifier'
15	import Img from 'src/components/layout/Img'
16	import { currentSafeWithNames } from 'src/logic/safe/store/selectors'
17	import { currentCurrencySelector } from 'src/logic/currencyValues/store/selectors'
18	import Modal from 'src/components/Modal'
19	import SendModal from 'src/routes/safe/components/Balances/SendModal'
20	import useSafeActions from 'src/logic/safe/hooks/useSafeActions'
21	import { formatCurrency } from 'src/logic/tokens/utils/formatAmount'
22	import { grantedSelector } from 'src/routes/safe/container/selector'
23	import ReceiveModal from './ReceiveModal'
24	import { useSidebarItems } from 'src/components/AppLayout/Sidebar/useSidebarItems'
25	import useAddressBookSync from 'src/logic/addressBook/hooks/useAddressBookSync'
26
27	const notificationStyles = {	×
28	success: {
29	background: '#fff',
30	},
31	error: {
32	background: '#ffe6ea',
33	},
34	warning: {
35	background: '#fff3e2',
36	},
37	info: {
38	background: '#fff',
39	},
40	}
41
42	const Frame = styled.div`	×
43	display: flex;
44	flex-direction: column;
45	flex: 1 1 auto;
46	max-width: 100%;
47	`
48
49	const useStyles = makeStyles(notificationStyles)	×
50
51	const App: React.FC = ({ children }) => {	×
52	const classes = useStyles()	×
53	const { toggleSidebar } = useContext(SafeListSidebarContext)	×
54	const { name: safeName, totalFiatBalance: currentSafeBalance } = useSelector(currentSafeWithNames)	×
55	const { safeActionsState, onShow, onHide, showSendFunds, hideSendFunds } = useSafeActions()	×
56	const currentCurrency = useSelector(currentCurrencySelector)	×
57	const granted = useSelector(grantedSelector)	×
58	const sidebarItems = useSidebarItems()	×
59	const { address: safeAddress } = useSelector(currentSafeWithNames)	×
60
61	useAddressBookSync()	×
62
63	const sendFunds = safeActionsState.sendFunds	×
64	const balance = formatCurrency(currentSafeBalance.toString(), currentCurrency)	×
65
66	const onReceiveShow = () => onShow('Receive')	×
UNCOV 67	const onReceiveHide = () => onHide('Receive')	×
68
69	return (	×
70	<Frame>
71	<SnackbarProvider
72	anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
73	classes={{
74	variantSuccess: classes.success,
75	variantError: classes.error,
76	variantWarning: classes.warning,
77	variantInfo: classes.info,
78	}}
79	iconVariant={{
80	error: <Img alt="Error" src={ErrorIcon} />,
81	info: <Img alt="Info" src={InfoIcon} />,
82	success: <Img alt="Success" src={CheckIcon} />,
83	warning: <Img alt="Warning" src={AlertIcon} />,
84	}}
85	maxSnack={5}
86	>
87	<>
88	<Notifier />
89
90	<AppLayout
91	sidebarItems={sidebarItems}
92	safeAddress={safeAddress}
93	safeName={safeName}
94	balance={balance}
95	granted={granted}
96	onToggleSafeList={toggleSidebar}
97	onReceiveClick={onReceiveShow}
UNCOV 98	onNewTransactionClick={() => showSendFunds('')}	×
99	>
100	{children}
101	</AppLayout>
102
103	<SendModal
104	activeScreenType="chooseTxType"
105	isOpen={sendFunds.isOpen}
106	onClose={hideSendFunds}
107	selectedToken={sendFunds.selectedToken}
108	/>
109
110	{safeAddress && (	×
111	<Modal
112	description="Receive Tokens Form"
113	handleClose={onReceiveHide}
114	open={safeActionsState.showReceive}
115	paperClassName="receive-modal"
116	title="Receive Tokens"
117	>
118	<ReceiveModal onClose={onReceiveHide} safeAddress={safeAddress} safeName={safeName} />
119	</Modal>
120	)}
121	</>
122	</SnackbarProvider>
123	<CookiesBanner />
124	</Frame>
125	)
126	}
127
UNCOV 128	const WrapperAppWithSidebar: React.FC = ({ children }) => (	×
UNCOV 129	<SafeListSidebar>	×
130	<App>{children}</App>
131	</SafeListSidebar>
132	)
133
134	export default WrapperAppWithSidebar

safe-global / safe-react / 2219985031

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