From bc53605f3fc97e6ae25f6794c5f7bd8ecfe33ccb Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Wed, 2 Oct 2019 15:15:13 +0100
Subject: [PATCH] Handle inactive/no-building view/edit combinations

---
 app/src/frontend/building/data-container.tsx | 28 +++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index 7aa42f93..988906b9 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -213,7 +213,7 @@ const withCopyEdit = (WrappedComponent) => {
                         onSubmit={this.handleSubmit}>
                         <ErrorBox msg={this.state.error} />
                         {
-                            (this.props.mode === 'edit' && this.props.inactive) ?
+                            (this.props.inactive) ?
                                 <InfoBox
                                     msg={`We're not collecting data on ${this.props.title.toLowerCase()} yet - check back soon.`}
                                 />
@@ -240,14 +240,36 @@ const withCopyEdit = (WrappedComponent) => {
                                                     type="submit"
                                                     className="btn btn-primary">
                                                     Save
-                                        </button>
+                                                </button>
                                             </div>
                                     }
                                 </Fragment>
                                 : null
                         }
                     </form>
-                    : <InfoBox msg="Select a building to view data"></InfoBox>
+                    :
+                    <form>
+                        {
+                            (this.props.inactive)?
+                            <Fragment>
+                            <InfoBox
+                                msg={`We're not collecting data on ${this.props.title.toLowerCase()} yet - check back soon.`}
+                            />
+                            <WrappedComponent
+                                building={undefined}
+                                building_like={undefined}
+                                mode={this.props.mode}
+                                copy={copy}
+                                onChange={this.handleChange}
+                                onCheck={this.handleCheck}
+                                onLike={this.handleLike}
+                                onUpdate={this.handleUpdate}
+                            />
+                            </Fragment>
+                            :
+                            <InfoBox msg="Select a building to view data"></InfoBox>
+                        }
+                    </form>
                 }
                 </section>
             );