Show lightbox controls based on presence of handlers

js/views/conversation_view.js

@@ -589,7 +589,6 @@
         documents: [],
         onItemClick: ({message}) => {
           const lightboxProps = {
-            shouldShowSaveAsButton: false,
             imageURL: message.objectURL,
           };
           this.lightboxView = new Whisper.ReactWrapperView({

ts/components/Lightbox.md

@@ -1,10 +1,12 @@
 ```js
+const noop = () => {};
+
 <div style={{position: 'relative', width: '100%', height: 500}}>
   <Lightbox
     imageURL="https://placekitten.com/800/600"
-    shouldShowSaveAsButton={true}
+    onNext={noop}
-    shouldShowNextButton={true}
+    onPrevious={noop}
-    shouldShowPreviousButton={true}
+    onSave={noop}
   />
 </div>
 ```

ts/components/Lightbox.tsx

@@ -11,9 +11,6 @@ interface Props {
   onNext?: () => void;
   onPrevious?: () => void;
   onSave: () => void;
-  shouldShowNextButton: boolean;
-  shouldShowPreviousButton: boolean;
-  shouldShowSaveAsButton: boolean;
 }
 
 const styles = {
@@ -57,12 +54,6 @@ const IconButton = ({ onClick, type }: IconButtonProps) => (
 );
 
 export class Lightbox extends React.Component<Props, {}> {
-  public static defaultProps: Partial<Props> = {
-    shouldShowNextButton: false,
-    shouldShowPreviousButton: false,
-    shouldShowSaveAsButton: false,
-  };
-
   private containerRef: HTMLDivElement | null = null;
 
   public componentDidMount() {
@@ -78,9 +69,6 @@ export class Lightbox extends React.Component<Props, {}> {
   public render() {
     const {
       imageURL,
-      shouldShowNextButton,
-      shouldShowPreviousButton,
-      shouldShowSaveAsButton,
     } = this.props;
     return (
       <div
@@ -97,13 +85,13 @@ export class Lightbox extends React.Component<Props, {}> {
         </div>
         <div style={styles.controls}>
           <IconButton type="close" onClick={this.onClose} />
-          {shouldShowSaveAsButton ? (
+          {this.props.onSave ? (
             <IconButton type="save" onClick={this.props.onSave} />
           ) : null}
-          {shouldShowPreviousButton ? (
+          {this.props.onPrevious ? (
             <IconButton type="previous" onClick={this.props.onPrevious} />
           ) : null}
-          {shouldShowNextButton ? (
+          {this.props.onNext ? (
             <IconButton type="next" onClick={this.props.onNext} />
           ) : null}
         </div>