2753906237

Committed 28 Jul 2022 12:58PM UTC coverage: 42.208% (+0.6%) from 41.614%

Build Type

github

Committed by GitHub

Commit Message

Merge 1dc98260d into 36f7569bc

Pull Request Pull Request #4019: feat: add permissions management

Run Details

1777 of 5202 branches covered (34.16%)

Branch coverage included in aggregate %.

78 of 210 new or added lines in 18 files covered. (37.14%)

34 existing lines in 1 file now uncovered.

4775 of 10321 relevant lines covered (46.26%)

38.57 hits per line

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

25.0

/src/routes/safe/components/Apps/components/PermissionsPrompt.tsx

import { ReactElement } from 'react'
import styled from 'styled-components'
import { PermissionRequest } from '@gnosis.pm/safe-apps-sdk/dist/src/types/permissions'
import { Text } from '@gnosis.pm/safe-react-components'
import { Divider } from '@material-ui/core'

import { Modal } from 'src/components/Modal'
import { SAFE_PERMISSIONS_TEXTS } from 'src/routes/safe/components/Apps/hooks/permissions'

interface PermissionsPromptProps {
  origin: string
  isOpen: boolean
  requestId: string
  permissions: PermissionRequest[]
  onReject: (requestId?: string) => void
  onAccept: (origin: string, requestId: string) => void
}

const PermissionsPrompt = ({
  origin,
  isOpen,
  requestId,
  permissions,
  onReject,
  onAccept,
}: PermissionsPromptProps): ReactElement => {
  return (
    <Modal
      description="Requested permissions"
      handleClose={() => onReject()}
      open={isOpen}
      title="Requested permissions"
      style={{ top: '25%' }}
    >
      <Container>
        <Modal.Header onClose={() => onReject()}>
          <Modal.Header.Title>Permissions Request</Modal.Header.Title>
        </Modal.Header>
        <Divider />
        <Modal.Body>
          <Text size="xl">
            <b>{origin}</b> is requesting permissions for:
          </Text>
          <ul>
            {permissions.map((permission, index) => (
              <li key={index}>
                <Text size="xl">{SAFE_PERMISSIONS_TEXTS[Object.keys(permission)[0]].description}</Text>
              </li>
            ))}
          </ul>
        </Modal.Body>
        <Modal.Footer>
          <Modal.Footer.Buttons
            cancelButtonProps={{
              text: 'Reject',
              color: 'error',
              variant: 'contained',
              onClick: () => onReject(requestId),
            }}
            confirmButtonProps={{ text: 'Accept', color: 'primary', onClick: () => onAccept(origin, requestId) }}
          />
        </Modal.Footer>
      </Container>
    </Modal>
  )
}

const Container = styled.div`
  .modal-body {
    min-height: auto;
  }

  .modal-footer {
    border-top: 0;
  }
`

export default PermissionsPrompt

1	import { ReactElement } from 'react'
2	import styled from 'styled-components'
3	import { PermissionRequest } from '@gnosis.pm/safe-apps-sdk/dist/src/types/permissions'
4	import { Text } from '@gnosis.pm/safe-react-components'
5	import { Divider } from '@material-ui/core'
6
7	import { Modal } from 'src/components/Modal'
8	import { SAFE_PERMISSIONS_TEXTS } from 'src/routes/safe/components/Apps/hooks/permissions'
9
10	interface PermissionsPromptProps {
11	origin: string
12	isOpen: boolean
13	requestId: string
14	permissions: PermissionRequest[]
15	onReject: (requestId?: string) => void
16	onAccept: (origin: string, requestId: string) => void
17	}
18
19	const PermissionsPrompt = ({	1✔
20	origin,
21	isOpen,
22	requestId,
23	permissions,
24	onReject,
25	onAccept,
26	}: PermissionsPromptProps): ReactElement => {
NEW 27	return (	×
28	<Modal
29	description="Requested permissions"
NEW 30	handleClose={() => onReject()}	×
31	open={isOpen}
32	title="Requested permissions"
33	style={{ top: '25%' }}
34	>
35	<Container>
NEW 36	<Modal.Header onClose={() => onReject()}>	×
37	<Modal.Header.Title>Permissions Request</Modal.Header.Title>
38	</Modal.Header>
39	<Divider />
40	<Modal.Body>
41	<Text size="xl">
42	<b>{origin}</b> is requesting permissions for:
43	</Text>
44	<ul>
45	{permissions.map((permission, index) => (
NEW 46	<li key={index}>	×
47	<Text size="xl">{SAFE_PERMISSIONS_TEXTS[Object.keys(permission)[0]].description}</Text>
48	</li>
49	))}
50	</ul>
51	</Modal.Body>
52	<Modal.Footer>
53	<Modal.Footer.Buttons
54	cancelButtonProps={{
55	text: 'Reject',
56	color: 'error',
57	variant: 'contained',
NEW 58	onClick: () => onReject(requestId),	×
59	}}
NEW 60	confirmButtonProps={{ text: 'Accept', color: 'primary', onClick: () => onAccept(origin, requestId) }}	×
61	/>
62	</Modal.Footer>
63	</Container>
64	</Modal>
65	)
66	}
67
68	const Container = styled.div`	1✔
69	.modal-body {
70	min-height: auto;
71	}
72
73	.modal-footer {
74	border-top: 0;
75	}
76	`
77
78	export default PermissionsPrompt

safe-global / safe-react / 2753906237

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