2753561255

Committed 28 Jul 2022 11:57AM UTC coverage: 42.197% (+0.6%) from 41.614%

Build Type

github

Committed by GitHub

Commit Message

Merge bf2ac4381 into 36f7569bc

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

Run Details

1777 of 5200 branches covered (34.17%)

Branch coverage included in aggregate %.

72 of 202 new or added lines in 16 files covered. (35.64%)

34 existing lines in 1 file now uncovered.

4769 of 10313 relevant lines covered (46.24%)

38.51 hits per line

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

0.0

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

import { Breadcrumb, BreadcrumbElement, Loader, Icon, Menu } from '@gnosis.pm/safe-react-components'
import { makeStyles } from '@material-ui/core/styles'
import { useState, lazy } from 'react'
import { useSelector } from 'react-redux'
import { Redirect, Route, Switch, useRouteMatch } from 'react-router-dom'

import { LoadingContainer } from 'src/components/LoaderContainer'
import { styles } from './style'
import Block from 'src/components/layout/Block'
import ButtonLink from 'src/components/layout/ButtonLink'
import Col from 'src/components/layout/Col'
import Span from 'src/components/layout/Span'
import { currentSafeWithNames } from 'src/logic/safe/store/selectors'
import { grantedSelector } from 'src/routes/safe/container/selector'
import { generatePrefixedAddressRoutes, SAFE_ROUTES, SAFE_SUBSECTION_ROUTE } from 'src/routes/routes'
import { SETTINGS_EVENTS } from 'src/utils/events/settings'
import Track from 'src/components/Track'
import useSafeAddress from 'src/logic/currentSession/hooks/useSafeAddress'

const Advanced = lazy(() => import('./Advanced'))
const SpendingLimitSettings = lazy(() => import('./SpendingLimit'))
const ManageOwners = lazy(() => import('./ManageOwners'))
const RemoveSafeModal = lazy(() => import('./RemoveSafeModal'))
const SafeDetails = lazy(() => import('./SafeDetails'))
const ThresholdSettings = lazy(() => import('./ThresholdSettings'))
const Appearance = lazy(() => import('./Appearance'))
const SafeAppsPermissions = lazy(() => import('./SafeAppsPermissions'))

export const OWNERS_SETTINGS_TAB_TEST_ID = 'owner-settings-tab'

const INITIAL_STATE = {
  showRemoveSafe: false,
}

const useStyles = makeStyles(styles)

const Settings = (): React.ReactElement => {
  const classes = useStyles()
  const [state, setState] = useState(INITIAL_STATE)
  const { shortName, safeAddress } = useSafeAddress()
  const { owners, loadedViaUrl } = useSelector(currentSafeWithNames)
  const granted = useSelector(grantedSelector)

  // Question mark makes matching [SAFE_SUBSECTION_SLUG] optional
  const matchSafeWithSettingSection = useRouteMatch(`${SAFE_SUBSECTION_ROUTE}?`)

  const currentSafeRoutes = generatePrefixedAddressRoutes({
    shortName,
    safeAddress,
  })

  let settingsSection
  switch (matchSafeWithSettingSection?.url) {
    case currentSafeRoutes.SETTINGS_DETAILS:
      settingsSection = 'Safe Details'
      break
    case currentSafeRoutes.SETTINGS_APPEARANCE:
      settingsSection = 'Appearance'
      break
    case currentSafeRoutes.SETTINGS_OWNERS:
      settingsSection = 'Owners'
      break
    case currentSafeRoutes.SETTINGS_POLICIES:
      settingsSection = 'Policies'
      break
    case currentSafeRoutes.SETTINGS_SPENDING_LIMIT:
      settingsSection = 'Spending Limit'
      break
    case currentSafeRoutes.SETTINGS_ADVANCED:
      settingsSection = 'Advanced'
      break
    case currentSafeRoutes.SETTINGS_SAFE_APPS_PERMISSIONS:
      settingsSection = 'Safe Apps permissions'
      break
    default:
      settingsSection = ''
  }

  const onShow = (action) => () => {
    setState((prevState) => ({ ...prevState, [`show${action}`]: true }))
  }

  const onHide = (action) => () => {
    setState((prevState) => ({ ...prevState, [`show${action}`]: false }))
  }

  const { showRemoveSafe } = state

  return !owners ? (
    <LoadingContainer>
      <Loader size="md" />
    </LoadingContainer>
  ) : (
    <>
      <Menu>
        <Col start="sm" sm={6} xs={12}>
          <Breadcrumb>
            <BreadcrumbElement iconType="settings" text="SETTINGS" />
            <BreadcrumbElement text={settingsSection} color="placeHolder" />
          </Breadcrumb>
        </Col>
        {!loadedViaUrl ? (
          <Col end="sm" sm={6} xs={12}>
            <Track {...SETTINGS_EVENTS.OWNERS.REMOVE_SAFE}>
              <ButtonLink className={classes.removeSafeBtn} color="error" onClick={onShow('RemoveSafe')} size="lg">
                <Span className={classes.links}>Remove Safe</Span>
                <Icon size="sm" type="delete" color="error" tooltip="Remove Safe" />
              </ButtonLink>
            </Track>
            <RemoveSafeModal isOpen={showRemoveSafe} onClose={onHide('RemoveSafe')} />
          </Col>
        ) : (
          <Col end="sm" sm={6} xs={12} />
        )}
      </Menu>
      <Block className={classes.root}>
        <Col className={classes.contents} layout="column">
          <Block className={classes.container}>
            <Switch>
              <Route path={SAFE_ROUTES.SETTINGS_DETAILS} exact render={() => <SafeDetails />} />
              <Route path={SAFE_ROUTES.SETTINGS_APPEARANCE} exact render={() => <Appearance />} />
              <Route
                path={SAFE_ROUTES.SETTINGS_OWNERS}
                exact
                render={() => <ManageOwners granted={granted} owners={owners} />}
              />
              <Route path={SAFE_ROUTES.SETTINGS_POLICIES} exact render={() => <ThresholdSettings />} />
              <Route path={SAFE_ROUTES.SETTINGS_SPENDING_LIMIT} exact render={() => <SpendingLimitSettings />} />
              <Route path={SAFE_ROUTES.SETTINGS_ADVANCED} exact render={() => <Advanced />} />
              <Route path={SAFE_ROUTES.SETTINGS_SAFE_APPS_PERMISSIONS} exact render={() => <SafeAppsPermissions />} />
              <Redirect to={SAFE_ROUTES.SETTINGS_DETAILS} />
            </Switch>
          </Block>
        </Col>
      </Block>
    </>
  )
}

export default Settings

1	import { Breadcrumb, BreadcrumbElement, Loader, Icon, Menu } from '@gnosis.pm/safe-react-components'
2	import { makeStyles } from '@material-ui/core/styles'
3	import { useState, lazy } from 'react'
4	import { useSelector } from 'react-redux'
5	import { Redirect, Route, Switch, useRouteMatch } from 'react-router-dom'
6
7	import { LoadingContainer } from 'src/components/LoaderContainer'
8	import { styles } from './style'
9	import Block from 'src/components/layout/Block'
10	import ButtonLink from 'src/components/layout/ButtonLink'
11	import Col from 'src/components/layout/Col'
12	import Span from 'src/components/layout/Span'
13	import { currentSafeWithNames } from 'src/logic/safe/store/selectors'
14	import { grantedSelector } from 'src/routes/safe/container/selector'
15	import { generatePrefixedAddressRoutes, SAFE_ROUTES, SAFE_SUBSECTION_ROUTE } from 'src/routes/routes'
16	import { SETTINGS_EVENTS } from 'src/utils/events/settings'
17	import Track from 'src/components/Track'
18	import useSafeAddress from 'src/logic/currentSession/hooks/useSafeAddress'
19
20	const Advanced = lazy(() => import('./Advanced'))	×
21	const SpendingLimitSettings = lazy(() => import('./SpendingLimit'))	×
22	const ManageOwners = lazy(() => import('./ManageOwners'))	×
23	const RemoveSafeModal = lazy(() => import('./RemoveSafeModal'))	×
24	const SafeDetails = lazy(() => import('./SafeDetails'))	×
25	const ThresholdSettings = lazy(() => import('./ThresholdSettings'))	×
26	const Appearance = lazy(() => import('./Appearance'))	×
NEW 27	const SafeAppsPermissions = lazy(() => import('./SafeAppsPermissions'))	×
28
29	export const OWNERS_SETTINGS_TAB_TEST_ID = 'owner-settings-tab'	×
30
31	const INITIAL_STATE = {	×
32	showRemoveSafe: false,
33	}
34
35	const useStyles = makeStyles(styles)	×
36
37	const Settings = (): React.ReactElement => {	×
38	const classes = useStyles()	×
39	const [state, setState] = useState(INITIAL_STATE)	×
40	const { shortName, safeAddress } = useSafeAddress()	×
41	const { owners, loadedViaUrl } = useSelector(currentSafeWithNames)	×
42	const granted = useSelector(grantedSelector)	×
43
44	// Question mark makes matching [SAFE_SUBSECTION_SLUG] optional
45	const matchSafeWithSettingSection = useRouteMatch(`${SAFE_SUBSECTION_ROUTE}?`)	×
46
47	const currentSafeRoutes = generatePrefixedAddressRoutes({	×
48	shortName,
49	safeAddress,
50	})
51
52	let settingsSection
53	switch (matchSafeWithSettingSection?.url) {	×
54	case currentSafeRoutes.SETTINGS_DETAILS:
55	settingsSection = 'Safe Details'	×
56	break	×
57	case currentSafeRoutes.SETTINGS_APPEARANCE:
58	settingsSection = 'Appearance'	×
59	break	×
60	case currentSafeRoutes.SETTINGS_OWNERS:
61	settingsSection = 'Owners'	×
62	break	×
63	case currentSafeRoutes.SETTINGS_POLICIES:
64	settingsSection = 'Policies'	×
65	break	×
66	case currentSafeRoutes.SETTINGS_SPENDING_LIMIT:
67	settingsSection = 'Spending Limit'	×
68	break	×
69	case currentSafeRoutes.SETTINGS_ADVANCED:
70	settingsSection = 'Advanced'	×
71	break	×
72	case currentSafeRoutes.SETTINGS_SAFE_APPS_PERMISSIONS:
NEW 73	settingsSection = 'Safe Apps permissions'	×
NEW 74	break	×
75	default:
76	settingsSection = ''	×
77	}
78
79	const onShow = (action) => () => {	×
80	setState((prevState) => ({ ...prevState, [`show${action}`]: true }))	×
81	}
82
83	const onHide = (action) => () => {	×
84	setState((prevState) => ({ ...prevState, [`show${action}`]: false }))	×
85	}
86
87	const { showRemoveSafe } = state	×
88
89	return !owners ? (	×
90	<LoadingContainer>
91	<Loader size="md" />
92	</LoadingContainer>
93	) : (
94	<>
95	<Menu>
96	<Col start="sm" sm={6} xs={12}>
97	<Breadcrumb>
98	<BreadcrumbElement iconType="settings" text="SETTINGS" />
99	<BreadcrumbElement text={settingsSection} color="placeHolder" />
100	</Breadcrumb>
101	</Col>
102	{!loadedViaUrl ? (	×
103	<Col end="sm" sm={6} xs={12}>
104	<Track {...SETTINGS_EVENTS.OWNERS.REMOVE_SAFE}>
105	<ButtonLink className={classes.removeSafeBtn} color="error" onClick={onShow('RemoveSafe')} size="lg">
106	<Span className={classes.links}>Remove Safe</Span>
107	<Icon size="sm" type="delete" color="error" tooltip="Remove Safe" />
108	</ButtonLink>
109	</Track>
110	<RemoveSafeModal isOpen={showRemoveSafe} onClose={onHide('RemoveSafe')} />
111	</Col>
112	) : (
113	<Col end="sm" sm={6} xs={12} />
114	)}
115	</Menu>
116	<Block className={classes.root}>
117	<Col className={classes.contents} layout="column">
118	<Block className={classes.container}>
119	<Switch>
120	<Route path={SAFE_ROUTES.SETTINGS_DETAILS} exact render={() => <SafeDetails />} />	×
121	<Route path={SAFE_ROUTES.SETTINGS_APPEARANCE} exact render={() => <Appearance />} />	×
122	<Route
123	path={SAFE_ROUTES.SETTINGS_OWNERS}
124	exact
125	render={() => <ManageOwners granted={granted} owners={owners} />}	×
126	/>
127	<Route path={SAFE_ROUTES.SETTINGS_POLICIES} exact render={() => <ThresholdSettings />} />	×
128	<Route path={SAFE_ROUTES.SETTINGS_SPENDING_LIMIT} exact render={() => <SpendingLimitSettings />} />	×
129	<Route path={SAFE_ROUTES.SETTINGS_ADVANCED} exact render={() => <Advanced />} />	×
NEW 130	<Route path={SAFE_ROUTES.SETTINGS_SAFE_APPS_PERMISSIONS} exact render={() => <SafeAppsPermissions />} />	×
131	<Redirect to={SAFE_ROUTES.SETTINGS_DETAILS} />
132	</Switch>
133	</Block>
134	</Col>
135	</Block>
136	</>
137	)
138	}
139
140	export default Settings

safe-global / safe-react / 2753561255

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