7138326105

Committed 08 Dec 2023 06:49AM UTC coverage: 84.182%. First build

Build # 7138326105

Build Type

Pull #251

github

Committed by

jia-deriv

Commit Message

chore: update target blank for header

Pull Request Pull Request #251: Jia/add footer link target

Run Details

215 of 286 branches covered (0.0%)

Branch coverage included in aggregate %.

1 of 3 new or added lines in 3 files covered. (33.33%)

7305 of 8647 relevant lines covered (84.48%)

3.91 hits per line

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

30.23

/libs/blocks/src/lib/navigation/navigation.link.tsx

import { CustomLink } from '@deriv-com/components';
import { DirectNavLink } from '@deriv-com/providers';
import { Text, qtJoin, qtMerge } from '@deriv/quill-design';
import { LabelPairedArrowUpRightRegularIcon } from '@deriv/quill-icons/LabelPaired';

export interface NavigationLinkProps {
  item: DirectNavLink;
  className?: string;
}

export const NavigationLink: React.FC<NavigationLinkProps> = ({
  item,
  className,
}) => {
  return (
    <CustomLink
      href={item.href}
      hasHoverDecoration={false}
      className={qtMerge(
        'group w-full justify-start gap-gap-md py-general-sm font-bold',
        item.icon && 'grid grid-cols-[24px_1fr]',
        !item.icon && item.description && 'flex flex-col',
        className,
      )}
      target={item.external && '_blank'}
    >
      {item.icon ? item.icon : null}
      <div className="flex gap-gap-sm">
        <Text size="md" bold className="group-hover:text-typography-prominent">
          {item.text}
        </Text>
        {item.external && <LabelPairedArrowUpRightRegularIcon iconSize="sm" />}
      </div>
      {item.description ? (
        <Text size="sm" className={qtJoin(item.icon && 'col-start-2')}>
          {item.description}
        </Text>
      ) : null}
    </CustomLink>
  );
};

export default NavigationLink;

1	import { CustomLink } from '@deriv-com/components';	2✔
2	import { DirectNavLink } from '@deriv-com/providers';	2✔
3	import { Text, qtJoin, qtMerge } from '@deriv/quill-design';	2✔
4	import { LabelPairedArrowUpRightRegularIcon } from '@deriv/quill-icons/LabelPaired';	2✔
5		2✔
6	export interface NavigationLinkProps {	2✔
7	item: DirectNavLink;	2✔
8	className?: string;	2✔
9	}	2✔
10		2✔
11	export const NavigationLink: React.FC<NavigationLinkProps> = ({	2✔
12	item,	×
13	className,	×
14	}) => {	×
15	return (	×
16	<CustomLink	×
17	href={item.href}	×
18	hasHoverDecoration={false}	×
19	className={qtMerge(	×
20	'group w-full justify-start gap-gap-md py-general-sm font-bold',	×
21	item.icon && 'grid grid-cols-[24px_1fr]',	×
22	!item.icon && item.description && 'flex flex-col',	×
23	className,	×
24	)}	×
NEW 25	target={item.external && '_blank'}	×
26	>	×
27	{item.icon ? item.icon : null}	×
28	<div className="flex gap-gap-sm">	×
29	<Text size="md" bold className="group-hover:text-typography-prominent">	×
30	{item.text}	×
31	</Text>	×
32	{item.external && <LabelPairedArrowUpRightRegularIcon iconSize="sm" />}	×
33	</div>	×
34	{item.description ? (	×
35	<Text size="sm" className={qtJoin(item.icon && 'col-start-2')}>	×
36	{item.description}	×
37	</Text>	×
38	) : null}	×
39	</CustomLink>	×
40	);	×
41	};	×
42		2✔
43	export default NavigationLink;	2✔

deriv-com / deriv-com-v2 / 7138326105

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