2869259989

Committed 16 Aug 2022 03:46PM UTC coverage: 42.084% (+0.5%) from 41.608%

Build Type

github

Committed by GitHub

Commit Message

Merge b60277c3f into 562525324

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

Run Details

1776 of 5210 branches covered (34.09%)

Branch coverage included in aggregate %.

86 of 229 new or added lines in 19 files covered. (37.55%)

41 existing lines in 3 files now uncovered.

4766 of 10335 relevant lines covered (46.12%)

38.42 hits per line

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

75.0

/src/routes/safe/components/Apps/components/SecurityFeedbackModal/SecurityFeedbackAllowedFeatures.tsx

import React from 'react'
import { Icon, Text } from '@gnosis.pm/safe-react-components'

import { AllowedFeatures, AllowedFeatureSelection } from 'src/routes/safe/components/Apps/types'
import { StyledSecurityTitle } from 'src/routes/safe/components/Apps/components/SecurityFeedbackModal/styles'
import PermissionsCheckbox from 'src/routes/safe/components/Apps/components/PermissionCheckbox'
import { BROWSER_PERMISSIONS_TEXTS } from 'src/routes/safe/components/Apps/hooks/permissions'
import { Box } from '@material-ui/core'

type SecurityFeedbackAllowedFeaturesProps = {
  features: AllowedFeatureSelection[]
  onFeatureSelectionChange: (feature: AllowedFeatures, checked: boolean) => void
}

const SecurityFeedbackAllowedFeatures: React.FC<SecurityFeedbackAllowedFeaturesProps> = ({
  features,
  onFeatureSelectionChange,
}): React.ReactElement => {
  return (
    <>
      <Icon size="md" type="privacyPolicy" />
      <StyledSecurityTitle size="lg">Manage the features Safe App can use</StyledSecurityTitle>
      <Box mx={1} my={3}>
        <Text size="xl">This app is requesting permission to use:</Text>
        <br />
        <Box display="flex" flexDirection="column" ml={2}>
          {features.map(({ feature, checked }, index) => (
            <PermissionsCheckbox
              key={index}
              name="checkbox"
              checked={checked}
              onChange={(_, checked) => onFeatureSelectionChange(feature, checked)}
              label={BROWSER_PERMISSIONS_TEXTS[feature].displayName}
            />
          ))}
        </Box>
      </Box>
    </>
  )
}

export default SecurityFeedbackAllowedFeatures

1	import React from 'react'
2	import { Icon, Text } from '@gnosis.pm/safe-react-components'
3
4	import { AllowedFeatures, AllowedFeatureSelection } from 'src/routes/safe/components/Apps/types'
5	import { StyledSecurityTitle } from 'src/routes/safe/components/Apps/components/SecurityFeedbackModal/styles'
6	import PermissionsCheckbox from 'src/routes/safe/components/Apps/components/PermissionCheckbox'
7	import { BROWSER_PERMISSIONS_TEXTS } from 'src/routes/safe/components/Apps/hooks/permissions'
8	import { Box } from '@material-ui/core'
9
10	type SecurityFeedbackAllowedFeaturesProps = {
11	features: AllowedFeatureSelection[]
12	onFeatureSelectionChange: (feature: AllowedFeatures, checked: boolean) => void
13	}
14
15	const SecurityFeedbackAllowedFeatures: React.FC<SecurityFeedbackAllowedFeaturesProps> = ({	1✔
16	features,
17	onFeatureSelectionChange,
18	}): React.ReactElement => {
19	return (	1✔
20	<>
21	<Icon size="md" type="privacyPolicy" />
22	<StyledSecurityTitle size="lg">Manage the features Safe App can use</StyledSecurityTitle>
23	<Box mx={1} my={3}>
24	<Text size="xl">This app is requesting permission to use:</Text>
25	<br />
26	<Box display="flex" flexDirection="column" ml={2}>
27	{features.map(({ feature, checked }, index) => (
28	<PermissionsCheckbox	2✔
29	key={index}
30	name="checkbox"
31	checked={checked}
NEW 32	onChange={(_, checked) => onFeatureSelectionChange(feature, checked)}	×
33	label={BROWSER_PERMISSIONS_TEXTS[feature].displayName}
34	/>
35	))}
36	</Box>
37	</Box>
38	</>
39	)
40	}
41
42	export default SecurityFeedbackAllowedFeatures

safe-global / safe-react / 2869259989

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