6745664787

Committed 03 Nov 2023 01:14PM UTC coverage: 88.868% (-0.5%) from 89.368%

Build # 6745664787

Build Type

Pull #92

github

Committed by

meenu-deriv

Commit Message

fix: fixed bottom sheet issues

Pull Request Pull Request #92: Meenu/trade page table

Run Details

176 of 252 branches covered (0.0%)

Branch coverage included in aggregate %.

2397 of 2728 new or added lines in 11 files covered. (87.87%)

10 existing lines in 2 files now uncovered.

6059 of 6764 relevant lines covered (89.58%)

3.55 hits per line

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

46.15

/libs/components/src/lib/action-sheet/bottom-sheet/index.tsx

import { Heading } from '@deriv/quill-design';
import { ReactNode } from 'react';

export type BottomSheetProps = {
  heading: string;
  icon: ReactNode;
  children?: ReactNode;
};

export const BottomSheet = ({ heading, icon, children }: BottomSheetProps) => {
  return (
    <div className="fixed inset-y-gap-xs left-50 z-10 flex h-full w-full flex-col justify-end bg-typography-default ">
      <div className="fixed w-full rounded-t-lg bg-solid-slate-50 ">
        <div className="flex min-h-[64px] flex-row items-center justify-center px-general-md py-general-sm">
          {heading && <Heading.H6 className="px-400">{heading}</Heading.H6>}
          {icon && <div className="px-general-md py-general-sm">{icon}</div>}
        </div>

        {children}
      </div>
      <div></div>
    </div>
  );
};

export default BottomSheet;

1	import { Heading } from '@deriv/quill-design';	2✔
2	import { ReactNode } from 'react';	2✔
3		2✔
4	export type BottomSheetProps = {	2✔
5	heading: string;	2✔
6	icon: ReactNode;	2✔
7	children?: ReactNode;	2✔
8	};	2✔
9		2✔
10	export const BottomSheet = ({ heading, icon, children }: BottomSheetProps) => {	2✔
NEW 11	return (	×
NEW 12	<div className="fixed inset-y-gap-xs left-50 z-10 flex h-full w-full flex-col justify-end bg-typography-default ">	×
NEW 13	<div className="fixed w-full rounded-t-lg bg-solid-slate-50 ">	×
NEW 14	<div className="flex min-h-[64px] flex-row items-center justify-center px-general-md py-general-sm">	×
NEW 15	{heading && <Heading.H6 className="px-400">{heading}</Heading.H6>}	×
NEW 16	{icon && <div className="px-general-md py-general-sm">{icon}</div>}	×
NEW 17	</div>	×
NEW 18		×
NEW 19	{children}	×
NEW 20	</div>	×
NEW 21	<div></div>	×
NEW 22	</div>	×
NEW 23	);	×
NEW 24	};	×
25		2✔
26	export default BottomSheet;	2✔

deriv-com / deriv-com-v2 / 6745664787

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