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

32.39

/libs/blocks/src/lib/footer/footer-block.tsx

import { FluidContainer, Section, Text } from '@deriv/quill-design';
import { BrandDerivWordmarkSlateIcon } from '@deriv/quill-icons/Logo';
import clsx from 'clsx';
import { ReactNode } from 'react';
import { SocialMediaSection } from './footer.social';

export interface SocialIcons {
  icon: ReactNode;
  href: string;
}

export interface FooterProps {
  className?: string;
  children: ReactNode;
  socialButtons?: SocialIcons[];
  descriptionContent?: () => ReactNode;
  bannerAndAwards?: () => ReactNode;
  warningText?: string;
}

export const FooterBlock = ({
  className,
  children,
  socialButtons,
  descriptionContent: DescriptionContent,
  bannerAndAwards: BannerAndAwards,
  warningText,
}: FooterProps) => {
  return (
    <Section
      className={clsx(
        'py-general-2xl',
        'bg-background-primary-container',
        className,
      )}
    >
      <FluidContainer className="flex flex-col gap-gap-3xl">
        <div className="flex flex-col py-general-xs max-lg:gap-gap-xl lg:flex-row">
          <div className="flex flex-1 max-lg:justify-center">
            <BrandDerivWordmarkSlateIcon
              height="24px"
              width="72.33px"
              className="opacity-800"
            />
          </div>
          {socialButtons && (
            <SocialMediaSection socialButtons={socialButtons} />
          )}
        </div>
        <div className="hidden lg:block">{children}</div>
        {BannerAndAwards && (
          <div className="hidden max-lg:block ">
            <BannerAndAwards />
          </div>
        )}
        <div className="flex flex-col gap-gap-lg">
          {DescriptionContent && <DescriptionContent />}
          {warningText && (
            <div className="rounded-lg bg-background-primary-base p-general-md">
              <Text size="sm" className="text-typography-subtle">
                {warningText}
              </Text>
            </div>
          )}
        </div>
      </FluidContainer>
    </Section>
  );
};

export default FooterBlock;

1	import { FluidContainer, Section, Text } from '@deriv/quill-design';	2✔
2	import { BrandDerivWordmarkSlateIcon } from '@deriv/quill-icons/Logo';	2✔
3	import clsx from 'clsx';	2✔
4	import { ReactNode } from 'react';	2✔
5	import { SocialMediaSection } from './footer.social';	2✔
6		2✔
7	export interface SocialIcons {	2✔
8	icon: ReactNode;	2✔
9	href: string;	2✔
10	}	2✔
11		2✔
12	export interface FooterProps {	2✔
13	className?: string;	2✔
14	children: ReactNode;	2✔
15	socialButtons?: SocialIcons[];	2✔
16	descriptionContent?: () => ReactNode;	2✔
17	bannerAndAwards?: () => ReactNode;	2✔
18	warningText?: string;	2✔
19	}	2✔
20		2✔
21	export const FooterBlock = ({	2✔
22	className,	×
23	children,	×
24	socialButtons,	×
25	descriptionContent: DescriptionContent,	×
26	bannerAndAwards: BannerAndAwards,	×
27	warningText,	×
28	}: FooterProps) => {	×
29	return (	×
30	<Section	×
31	className={clsx(	×
32	'py-general-2xl',	×
33	'bg-background-primary-container',	×
34	className,	×
35	)}	×
36	>	×
37	<FluidContainer className="flex flex-col gap-gap-3xl">	×
38	<div className="flex flex-col py-general-xs max-lg:gap-gap-xl lg:flex-row">	×
39	<div className="flex flex-1 max-lg:justify-center">	×
40	<BrandDerivWordmarkSlateIcon	×
41	height="24px"	×
42	width="72.33px"	×
43	className="opacity-800"	×
44	/>	×
45	</div>	×
46	{socialButtons && (	×
47	<SocialMediaSection socialButtons={socialButtons} />	×
48	)}	×
49	</div>	×
50	<div className="hidden lg:block">{children}</div>	×
51	{BannerAndAwards && (	×
52	<div className="hidden max-lg:block ">	×
53	<BannerAndAwards />	×
54	</div>	×
55	)}	×
56	<div className="flex flex-col gap-gap-lg">	×
57	{DescriptionContent && <DescriptionContent />}	×
58	{warningText && (	×
59	<div className="rounded-lg bg-background-primary-base p-general-md">	×
60	<Text size="sm" className="text-typography-subtle">	×
61	{warningText}	×
62	</Text>	×
63	</div>	×
64	)}	×
65	</div>	×
66	</FluidContainer>	×
67	</Section>	×
68	);	×
69	};	×
70		2✔
71	export default FooterBlock;	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