LogRock / pebbles / 6164517455

coverage: 87.374%. First build
6164517455

Pull #181

github

web-flow 
Merge bc1c48e13 into c084e8006
Pull Request #181: feat(select-bottomsheet): add bottom sheet footer and header prop

484 of 644 branches covered (0.0%)

Branch coverage included in aggregate %.

17 of 17 new or added lines in 3 files covered. (100.0%)

5924 of 6690 relevant lines covered (88.55%)

4.0 hits per line

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

95.92
/lib/components/BottomSheet/BottomSheet.tsx
1 
import React, { ComponentProps } from "react";
1✔
2 
import styled from "styled-components";
1✔
3 
import { BottomSheet as RSBS } from "react-spring-bottom-sheet";
1✔
4 
import "react-spring-bottom-sheet/dist/style.css";
1✔
5 



1✔





6



const StyledRSBS = styled(RSBS)`




1✔





7



  :root {




1✔





8



    --rsbs-backdrop-bg: rgba(0, 0, 0, 0.25);




1✔





9



    --rsbs-overlay-rounded: ${({ theme }) => theme.spacings.md};




1✔





10



  }




1✔





11






1✔





12



  [data-rsbs-header] {




1✔





13



    flex-shrink: 0;




1✔





14



    padding: ${({ theme }) =>




1✔





15



      `${theme.spacings.xxxbig} ${theme.spacings.md} ${theme.spacings.xxsm}`};




×







16






1✔





17



    box-shadow: none !important;




1✔





18






1✔





19



    cursor: ns-resize;




1✔





20






1✔





21



    &:before {




1✔





22



      content: "";




1✔





23






1✔





24



      display: block;




1✔





25



      position: absolute;




1✔





26



      top: calc(8px + env(safe-area-inset-top));




1✔





27



      left: 50%;




1✔





28



      width: 100px;




1✔





29



      height: 4px;




1✔





30






1✔





31



      transform: translateX(-50%);




1✔





32






1✔





33



      border-radius: 2px;




1✔





34






1✔





35



      background-color: ${({ theme }) => theme.colors.neutral[400]};




1✔





36



    }




1✔





37



  }




1✔






38






1✔






39



  [data-rsbs-footer] {




1✔






40



    padding: ${({ theme }) =>




1✔






41



      `${theme.spacings.xxxbig} ${theme.spacings.md} ${theme.spacings.xxsm}`};




×








42






1✔






43



    box-shadow: none !important;




1✔






44



  }




1✔





45



`;




1✔





46






1✔





47



export default function BottomSheet(props: ComponentProps<typeof RSBS>) {




1✔





48



  return <StyledRSBS {...props} />;




1✔





49



}




1✔



















    

  • 

    •