From 5d3b633f52b044109a5acec2219a99530710308e Mon Sep 17 00:00:00 2001
From: Alex Mikhalev <alexmikhalevalex@gmail.com>
Date: Sat, 28 Jul 2018 11:54:24 -0700
Subject: [PATCH] Fixed "add program item" button showing while not editing

---
 app/components/ProgramSequenceView.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/components/ProgramSequenceView.tsx b/app/components/ProgramSequenceView.tsx
index 7503707..1402411 100644
--- a/app/components/ProgramSequenceView.tsx
+++ b/app/components/ProgramSequenceView.tsx
@@ -120,6 +120,15 @@ class ProgramSequenceView extends React.Component<{
         const { sequence, sections } = this.props;
         const editing = this.props.editing || false;
         const className = classNames("programSequence", { editing });
+        let addButton: React.ReactNode = null;
+        if (editing) {
+            addButton = (
+                <Button onClick={this.addItem}>
+                    <Icon name="add"/>
+                    Add item
+                </Button>
+            );
+        }
         return (
             <div>
                 <ProgramSequenceList
@@ -133,10 +142,7 @@ class ProgramSequenceView extends React.Component<{
                     onRemove={this.removeItem}
                     onSortEnd={this.onSortEnd}
                 />
-                <Button onClick={this.addItem}>
-                    <Icon name="add"/>
-                    Add item
-                </Button>
+                {addButton}
             </div>
         );
     }