Fixes inline docs

rjz · Aug 20, 2017 · b38c647 · b38c647
1 parent 0ef23f9
commit b38c647
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/__tests__/__snapshots__/counter_spec.tsx.snap b/src/components/__tests__/__snapshots__/counter_spec.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`components/Counter renders 1`] = `
-<Loadable(CounterComponent)
+<Loadable(PureCounter)
   counter={
     Object {
       "value": 0,

diff --git a/src/components/counter.tsx b/src/components/counter.tsx
@@ -44,7 +44,7 @@ const mapDispatchToProps = (dispatch: redux.Dispatch<Store.All>): ConnectedDispa
     dispatch(saveCount({ value })),
 })
 
-class CounterComponent extends React.Component<ConnectedState & ConnectedDispatch & OwnProps, {}> {
+class PureCounter extends React.Component<ConnectedState & ConnectedDispatch & OwnProps, {}> {
 
   _onClickIncrement = (e: React.SyntheticEvent<HTMLButtonElement>) => {
     e.preventDefault()
@@ -91,6 +91,9 @@ class CounterComponent extends React.Component<ConnectedState & ConnectedDispatc
 const isLoading = (p: ConnectedState & ConnectedDispatch & OwnProps) =>
   p.isLoading || p.isSaving
 
+// Invoke `loadable` manually pending decorator support
+// See: https://github.com/Microsoft/TypeScript/issues/4881
+const LoadableCounter = loadable(isLoading)(PureCounter)
+
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/8787
-export const Counter: React.ComponentClass<OwnProps> =
-  connect(mapStateToProps, mapDispatchToProps)(loadable(isLoading)(CounterComponent))
+export const Counter = connect(mapStateToProps, mapDispatchToProps)(LoadableCounter)
diff --git a/src/decorators/loadable.tsx b/src/decorators/loadable.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 export default function loadable<P>(isLoading: (p: P) => boolean) {
-  return (C: React.ComponentClass<P>|React.SFC<P>) => {
+  return (C: React.ComponentClass<P>|React.SFC<P>): React.SFC<P> => {
     const LoadableComponent: React.SFC<P> = (props) => {
       if (isLoading(props)) {
         return <div>Just a moment, please...</div>