Address PR feedback

4 files changed, 6 insertions, 12 deletions

diff --git a/packages/website/ts/components/onboarding/onboarding_flow.tsx b/packages/website/ts/components/onboarding/onboarding_flow.tsx
index 350319c63..dd417856f 100644
--- a/packages/website/ts/components/onboarding/onboarding_flow.tsx
+++ b/packages/website/ts/components/onboarding/onboarding_flow.tsx
@@ -4,24 +4,19 @@ import Joyride, { Step, StyleOptions } from 'react-joyride';
 
 import { zIndex } from 'ts/utils/style';
 
-interface OnboardingFlowProps {
+export interface OnboardingFlowProps {
     steps: Step[];
     stepIndex: number;
     isRunning: boolean;
     onClose: () => void;
-    onChange?: (options: any) => void;
 }
 
-const style: StyleOptions = {
+const joyrideStyleOptions: StyleOptions = {
     zIndex: zIndex.overlay,
 };
 
 // Wrapper around Joyride with defaults and styles set
 export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
-    public static defaultProps: Partial<OnboardingFlowProps> = {
-        onChange: _.noop,
-    };
-
     public render(): React.ReactNode {
         return (
             <Joyride
@@ -29,7 +24,7 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
                 debug={true}
                 steps={this.props.steps}
                 stepIndex={this.props.stepIndex}
-                styles={{ options: style }}
+                styles={{ options: joyrideStyleOptions }}
                 callback={this._handleChange.bind(this)}
             />
         );
@@ -40,6 +35,5 @@ export class OnboardingFlow extends React.Component<OnboardingFlowProps> {
             case 'close':
                 this.props.onClose();
         }
-        this.props.onChange(options);
     }
 }
diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
index 7565dd1ae..07868608c 100644
--- a/packages/website/ts/components/ui/container.tsx
+++ b/packages/website/ts/components/ui/container.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ContainerProps {
+export interface ContainerProps {
     marginTop?: string | number;
     marginBottom?: string | number;
     marginRight?: string | number;
diff --git a/packages/website/ts/components/ui/island.tsx b/packages/website/ts/components/ui/island.tsx
index da3602c3e..f5480c9c9 100644
--- a/packages/website/ts/components/ui/island.tsx
+++ b/packages/website/ts/components/ui/island.tsx
@@ -20,7 +20,7 @@ const defaultStyle: React.CSSProperties = {
 };
 
 export const Island: React.StatelessComponent<IslandProps> = (props: IslandProps) => (
-    <props.Component style={{...defaultStyle, ...props.style}} className={props.className}>
+    <props.Component style={{ ...defaultStyle, ...props.style }} className={props.className}>
         {props.children}
     </props.Component>
 );
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index 1790f7258..39e591bac 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -192,7 +192,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
         const isReadyToRender = this.props.blockchainIsLoaded && this.props.blockchainErr === BlockchainErrs.NoError;
         const isAddressAvailable = !_.isEmpty(this.props.userAddress);
         return (
-            <Island className="flex flex-column" style={styles.root}>
+            <Island className="flex flex-column wallet" style={styles.root}>
                 {isReadyToRender && isAddressAvailable
                     ? _.concat(this._renderConnectedHeaderRows(), this._renderBody(), this._renderFooterRows())
                     : _.concat(this._renderDisconnectedHeaderRows(), this._renderDisconnectedRows())}