import * as React from 'react'
import { ToolbarButton, ToolbarButtonStyle } from './button'
import { OcticonSymbol } from '../octicons'
import { IRevertProgress } from '../../lib/app-state'

interface IRevertProgressProps {
  /** Progress information associated with the current operation */
  readonly progress: IRevertProgress
}

/** Display revert progress in the toolbar. */
export class RevertProgress extends React.Component<IRevertProgressProps, {}> {
  public render() {
    const progress = this.props.progress
    const title = progress.title || 'Hang on…'
    return (
      <ToolbarButton
        title="Reverting…"
        description={title}
        progressValue={progress.value}
        className="revert-progress"
        icon={OcticonSymbol.sync}
        iconClassName="spin"
        style={ToolbarButtonStyle.Subtitle}
        disabled={true}
      />
    )
  }
}

import * as React from 'react'
import { ToolbarButton, ToolbarButtonStyle } from './button'
import { OcticonSymbol } from '../octicons'
import { IRevertProgress } from '../../lib/app-state'

interface IRevertProgressProps {
  /** Progress information associated with the current operation */
  readonly progress: IRevertProgress
}

/** Display revert progress in the toolbar. */
export class RevertProgress extends React.Component<IRevertProgressProps, {}> {
  public render() {
    const progress = this.props.progress
    const description = progress.description || 'Hang on…'
    return (
      <ToolbarButton
        title="Reverting…"
        description={description}
        progressValue={progress.value}
        className="revert-progress"
        icon={OcticonSymbol.sync}
        iconClassName="spin"
        style={ToolbarButtonStyle.Subtitle}
        disabled={true}
      />
    )
  }
}

--- 
+++ 
@@ -12,11 +12,11 @@
 export class RevertProgress extends React.Component<IRevertProgressProps, {}> {
   public render() {
     const progress = this.props.progress
-    const description = progress.description || 'Hang on…'
+    const title = progress.title || 'Hang on…'
     return (
       <ToolbarButton
         title="Reverting…"
-        description={description}
+        description={title}
         progressValue={progress.value}
         className="revert-progress"
         icon={OcticonSymbol.sync}
Use the title, not the description
