7041643579

Committed 30 Nov 2023 03:28AM UTC coverage: 85.023%. First build

Build # 7041643579

Build Type

Pull #215

github

Committed by

mohsen-deriv

Commit Message

Merge branch 'main' into michio/update-storybook-config-for-static-images

Pull Request Pull Request #215: chore: updated storybook configs to fix images not showing up

Run Details

193 of 259 branches covered (0.0%)

Branch coverage included in aggregate %.

6909 of 8094 relevant lines covered (85.36%)

3.36 hits per line

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

31.71

/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}
      className={qtMerge(
        '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,
      )}
    >
      {item.icon ? item.icon : null}
      <div className="flex gap-gap-sm">
        <Text size="md" bold>
          {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	className={qtMerge(	×
19	'w-full justify-start gap-gap-md py-general-sm font-bold',	×
20	item.icon && 'grid grid-cols-[24px_1fr]',	×
21	!item.icon && item.description && 'flex flex-col',	×
22	className,	×
23	)}	×
24	>	×
25	{item.icon ? item.icon : null}	×
26	<div className="flex gap-gap-sm">	×
27	<Text size="md" bold>	×
28	{item.text}	×
29	</Text>	×
30	{item.external && <LabelPairedArrowUpRightRegularIcon iconSize="sm" />}	×
31	</div>	×
32	{item.description ? (	×
33	<Text size="sm" className={qtJoin(item.icon && 'col-start-2')}>	×
34	{item.description}	×
35	</Text>	×
36	) : null}	×
37	</CustomLink>	×
38	);	×
39	};	×
40		2✔
41	export default NavigationLink;	2✔

deriv-com / deriv-com-v2 / 7041643579

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