Merge pull request #750 from streamich/gh-pages-1

Add GitHub pages script

Author: streamich

.circleci/config.yml

@@ -50,6 +50,9 @@ jobs:
       - run:
           name: Release
           command: yarn release
+      - run:
+          name: Deploy static site
+          command: yarn storybook:build && yarn storybook:deploy
       - *Post_to_dev_null
 
   # nightly:

package.json

@@ -28,7 +28,8 @@
     "build": "yarn build:cjs && yarn build:es",
     "storybook": "start-storybook -p 6010",
     "storybook:build": "build-storybook",
-    "storybook:clean": "rimraf storybook-static"
+    "storybook:clean": "rimraf storybook-static",
+    "storybook:deploy": "gh-pages -d storybook-static"
   },
   "keywords": [],
   "peerDependencies": {
@@ -47,6 +48,7 @@
     "@types/react-dom": "17.0.11",
     "babel-loader": "8.2.3",
     "fork-ts-checker-webpack-plugin": "6.5.0",
+    "gh-pages": "^3.2.3",
     "git-cz": "4.8.0",
     "husky": "6.0.0",
     "prettier": "2.5.1",

src/__story__/pdf.story.tsx

@@ -3,7 +3,7 @@ import {storiesOf} from '@storybook/react';
 import Embed from '..';
 import {Box} from './Box';
 
-const pdf = 'http://www.africau.edu/images/default/sample.pdf';
+const pdf = 'https://www.africau.edu/images/default/sample.pdf';
 
 storiesOf('PDF', module)
   .add('A pdf file', () => {

src/blocks/pdf/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {BlockProps} from '../..';
 
-const Pdf: React.FC<BlockProps> = ({url, isDark, width, renderWrap}) => {
+const Pdf: React.FC<BlockProps> = ({url, renderWrap}) => {
   return renderWrap(
     <embed src={url} type="application/pdf" style={{width: '100%', minHeight: 600}} className="react-embed--pdf" />
   );