2226200583

Committed 26 Apr 2022 11:00AM UTC coverage: 35.417% (+0.02%) from 35.394%

Build # 2226200583

Build Type

github

Committed by GitHub

Commit Message

Merge dfb36dd34 into 450a4715b

Pull Request Pull Request #3821: Feat: prioritize pinned apps in the Dashboard

Run Details

1271 of 4535 branches covered (28.03%)

Branch coverage included in aggregate %.

7 of 14 new or added lines in 2 files covered. (50.0%)

5 existing lines in 1 file now uncovered.

3597 of 9210 relevant lines covered (39.06%)

35.5 hits per line

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

0.0

/src/components/Dashboard/FeaturedApps/FeaturedApps.tsx

import { ReactElement, useMemo } from 'react'
import { useAppList } from 'src/routes/safe/components/Apps/hooks/appList/useAppList'
import { Text } from '@gnosis.pm/safe-react-components'
import { Link } from 'react-router-dom'
import { useSelector } from 'react-redux'
import { Box, Grid } from '@material-ui/core'

import styled from 'styled-components'
import { getSafeAppUrl, SafeRouteParams } from 'src/routes/routes'
import { currentSafe } from 'src/logic/safe/store/selectors'
import { getShortName } from 'src/config'
import { Card, WidgetBody, WidgetContainer, WidgetTitle } from 'src/components/Dashboard/styled'

export const FEATURED_APPS_TAG = 'dashboard-widgets'

const StyledImage = styled.img`
  width: 64px;
  height: 64px;
`

const StyledLink = styled(Link)`
  margin-top: 10px;
  text-decoration: none;
`

export const FeaturedApps = (): ReactElement | null => {
  const { allApps, isLoading } = useAppList()
  const { address } = useSelector(currentSafe) ?? {}
  const featuredApps = useMemo(() => allApps.filter((app) => app.tags?.includes(FEATURED_APPS_TAG)), [allApps])

  const routesSlug: SafeRouteParams = {
    shortName: getShortName(),
    safeAddress: address,
  }

  if (!featuredApps.length && !isLoading) return null

  return (
    <Grid item xs={12} md={6}>
      <WidgetContainer>
        <WidgetTitle>Connect & Transact</WidgetTitle>
        <WidgetBody>
          {featuredApps.map((app) => {
            const appRoute = getSafeAppUrl(app.url, routesSlug)
            return (
              <Card key={app.id}>
                <Grid container alignItems="center" spacing={3}>
                  <Grid item xs={12} md={3}>
                    <StyledImage src={app.iconUrl} alt={app.name} />
                  </Grid>
                  <Grid item xs={12} md={9}>
                    <Box mb={1}>
                      <Text size="xl">{app.description}</Text>
                    </Box>
                    <StyledLink to={appRoute}>
                      <Text color="primary" size="lg" strong>
                        Use {app.name}
                      </Text>
                    </StyledLink>
                  </Grid>
                </Grid>
              </Card>
            )
          })}
        </WidgetBody>
      </WidgetContainer>
    </Grid>
  )
}

1	import { ReactElement, useMemo } from 'react'
2	import { useAppList } from 'src/routes/safe/components/Apps/hooks/appList/useAppList'
3	import { Text } from '@gnosis.pm/safe-react-components'
4	import { Link } from 'react-router-dom'
5	import { useSelector } from 'react-redux'
6	import { Box, Grid } from '@material-ui/core'
7
8	import styled from 'styled-components'
9	import { getSafeAppUrl, SafeRouteParams } from 'src/routes/routes'
10	import { currentSafe } from 'src/logic/safe/store/selectors'
11	import { getShortName } from 'src/config'
12	import { Card, WidgetBody, WidgetContainer, WidgetTitle } from 'src/components/Dashboard/styled'
13
14	export const FEATURED_APPS_TAG = 'dashboard-widgets'	×
15
16	const StyledImage = styled.img`	×
17	width: 64px;
18	height: 64px;
19	`
20
21	const StyledLink = styled(Link)`	×
22	margin-top: 10px;
23	text-decoration: none;
24	`
25
26	export const FeaturedApps = (): ReactElement \| null => {	×
27	const { allApps, isLoading } = useAppList()	×
28	const { address } = useSelector(currentSafe) ?? {}	×
UNCOV 29	const featuredApps = useMemo(() => allApps.filter((app) => app.tags?.includes(FEATURED_APPS_TAG)), [allApps])	×
30
UNCOV 31	const routesSlug: SafeRouteParams = {	×
32	shortName: getShortName(),
33	safeAddress: address,
34	}
35
UNCOV 36	if (!featuredApps.length && !isLoading) return null	×
37
UNCOV 38	return (	×
39	<Grid item xs={12} md={6}>
40	<WidgetContainer>
41	<WidgetTitle>Connect & Transact</WidgetTitle>
42	<WidgetBody>
43	{featuredApps.map((app) => {
44	const appRoute = getSafeAppUrl(app.url, routesSlug)	×
UNCOV 45	return (	×
46	<Card key={app.id}>
47	<Grid container alignItems="center" spacing={3}>
48	<Grid item xs={12} md={3}>
49	<StyledImage src={app.iconUrl} alt={app.name} />
50	</Grid>
51	<Grid item xs={12} md={9}>
52	<Box mb={1}>
53	<Text size="xl">{app.description}</Text>
54	</Box>
55	<StyledLink to={appRoute}>
56	<Text color="primary" size="lg" strong>
57	Use {app.name}
58	</Text>
59	</StyledLink>
60	</Grid>
61	</Grid>
62	</Card>
63	)
64	})}
65	</WidgetBody>
66	</WidgetContainer>
67	</Grid>
68	)
69	}

safe-global / safe-react / 2226200583

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