Merge pull request #9 from titicacadev/jayg/20190828/limted-image-carousel

💫캐러셀 스크롤 제한 기능 추가

Author: yceffort

cloudbuild.release.yaml

@@ -21,7 +21,7 @@ steps:
     - 'NPM_TOKEN'
 
 substitutions:
-  _SLACK_NOTIFY_CHANNEL: '#triple-web-dev'
+  _SLACK_NOTIFY_CHANNEL: '#triple-web-dev-notifications'
   _SVC_BASENAME: triple-frontend
   _AUTO_TAGGING_ENABLED: 'false'
 

cloudbuild.yaml

@@ -45,7 +45,7 @@ steps:
   ]
 
 substitutions:
-  _SLACK_NOTIFY_CHANNEL: '#triple-web-dev'
+  _SLACK_NOTIFY_CHANNEL: '#triple-web-dev-notifications'
   _SVC_BASENAME: triple-frontend
   _AUTO_TAGGING_ENABLED: 'false'
 

packages/triple-image-carousel/src/index.tsx

@@ -39,6 +39,7 @@ export const ImagePager = ({
   onImageClick,
   onPageChange,
   ImageSource,
+  lastPageOverlayContent,
 }: {
   margin?: MarginPadding
   borderRadius?: number
@@ -50,6 +51,7 @@ export const ImagePager = ({
   onImageClick?: (e?: React.SyntheticEvent, image?: any) => any
   onPageChange?: (e?: React.SyntheticEvent) => any
   ImageSource?: any
+  lastPageOverlayContent?: React.ReactNode
 }) => (
   <Pager
     margin={margin}
@@ -78,6 +80,8 @@ export const ImagePager = ({
           ImageSource={ImageSource}
           borderRadius={0}
           onClick={onImageClick && ((e) => onImageClick(e, image))}
+          overlay={i === images.length - 1 ? { lastPageOverlayContent } : null}
+          overlayType="dark"
         />
       )
     })}