7014299966

Committed 28 Nov 2023 04:40AM UTC coverage: 87.309% (-0.02%) from 87.328%

Build # 7014299966

Build Type

Pull #200

github

Committed by

meenu-deriv

Commit Message

Merge branch 'main' into meenu/live-price-block-chromatic-issue

Pull Request Pull Request #200: Meenu/fix: chromatic issues fix on live price block

Run Details

188 of 243 branches covered (0.0%)

Branch coverage included in aggregate %.

162 of 166 new or added lines in 25 files covered. (97.59%)

5 existing lines in 4 files now uncovered.

6678 of 7621 relevant lines covered (87.63%)

3.49 hits per line

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

36.73

/libs/blocks/src/lib/footer/main.nav.content.tsx

import { Heading, Text } from '@deriv/quill-design';
import { FooterItems } from './types';
import { CustomLink } from '@deriv-com/components';
import React from 'react';
import clsx from 'clsx';

export type gridCols = 'four' | 'six';
export interface MainNavContentProps {
  items: FooterItems[];
  cols?: gridCols;
}

const gridColsVariant: { [key in gridCols]: string } = {
  four: 'grid-cols-4',
  six: 'grid-cols-6',
};

export const MainNavContent = ({
  items,
  cols = 'four',
}: MainNavContentProps) => {
  return (
    <div className={clsx('grid gap-gap-lg', gridColsVariant[cols])}>
      {items.map((item) => (
        <div className="flex flex-col gap-gap-xl" key={item.id}>
          {item.layers.map((layer) =>
            layer.type === 'link' ? (
              <div className="flex w-full flex-col gap-gap-lg" key={layer.id}>
                <Heading.H6>{layer.header}</Heading.H6>
                {layer.items.map((link) => (
                  <div
                    className="flex flex-col items-start gap-gap-lg"
                    key={link.id}
                  >
                    <CustomLink size="sm" href={link.href}>
                      {link.text}
                    </CustomLink>
                  </div>
                ))}
              </div>
            ) : (
              <React.Fragment key={layer.id}>{layer.node}</React.Fragment>
            ),
          )}
        </div>
      ))}
    </div>
  );
};

1	import { Heading, Text } from '@deriv/quill-design';	2✔
2	import { FooterItems } from './types';	2✔
3	import { CustomLink } from '@deriv-com/components';	2✔
4	import React from 'react';	2✔
5	import clsx from 'clsx';	2✔
6		2✔
7	export type gridCols = 'four' \| 'six';	2✔
8	export interface MainNavContentProps {	2✔
9	items: FooterItems[];	2✔
10	cols?: gridCols;	2✔
11	}	2✔
12		2✔
13	const gridColsVariant: { [key in gridCols]: string } = {	2✔
14	four: 'grid-cols-4',	2✔
15	six: 'grid-cols-6',	2✔
16	};	2✔
17		2✔
18	export const MainNavContent = ({	2✔
19	items,	×
20	cols = 'four',	×
21	}: MainNavContentProps) => {	×
22	return (	×
23	<div className={clsx('grid gap-gap-lg', gridColsVariant[cols])}>	×
24	{items.map((item) => (	×
25	<div className="flex flex-col gap-gap-xl" key={item.id}>	×
26	{item.layers.map((layer) =>	×
27	layer.type === 'link' ? (	×
28	<div className="flex w-full flex-col gap-gap-lg" key={layer.id}>	×
NEW 29	<Heading.H6>{layer.header}</Heading.H6>	×
30	{layer.items.map((link) => (	×
31	<div	×
32	className="flex flex-col items-start gap-gap-lg"	×
33	key={link.id}	×
34	>	×
35	<CustomLink size="sm" href={link.href}>	×
36	{link.text}	×
37	</CustomLink>	×
38	</div>	×
39	))}	×
40	</div>	×
41	) : (	×
42	<React.Fragment key={layer.id}>{layer.node}</React.Fragment>	×
43	),	×
44	)}	×
45	</div>	×
46	))}	×
47	</div>	×
48	);	×
49	};	×

deriv-com / deriv-com-v2 / 7014299966

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