From 94708b9d0d88e5b5d13c10ed179cf39bb20ef8bd Mon Sep 17 00:00:00 2001
From: Chris Blanchard <cablanchard@gmail.com>
Date: Tue, 20 Oct 2015 23:49:21 +0100
Subject: [PATCH] Rejig gather join buttons

---
 lib/react/gather.jsx | 40 +++++++++++++++++++++++++++-------------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/lib/react/gather.jsx b/lib/react/gather.jsx
index 9b7dea0..1733b82 100644
--- a/lib/react/gather.jsx
+++ b/lib/react/gather.jsx
@@ -663,21 +663,35 @@ var Gather = React.createClass({
 			);
 		}
 
-		return (
-			<div>
-				<div className="panel panel-primary add-bottom">
-					<div className="panel-heading">Current Gather</div>
-					<div className="panel-body">
-						<GatherProgress gather={gather} />
-						<GatherActions gather={gather} user={user} thisGatherer={thisGatherer} />
+		if (gather.gatherers.length > 0) {
+			return (
+				<div>
+					<div className="panel panel-primary add-bottom">
+						<div className="panel-heading">Current Gather</div>
+						<div className="panel-body">
+							<GatherProgress gather={gather} />
+							<GatherActions gather={gather} user={user} thisGatherer={thisGatherer} />
+						</div>
 					</div>
+					<Gatherers gather={gather} user={user} thisGatherer={thisGatherer} />
+					{gatherTeams}
+					{voting}
+					{previousGather}
 				</div>
-				<Gatherers gather={gather} user={user} thisGatherer={thisGatherer} />
-				{gatherTeams}
-				{voting}
-				{previousGather}
-			</div>
-		);
+			);
+		} else {
+			return (
+				<div>
+					<div className="panel panel-primary add-bottom">
+						<div className="panel-heading">Current Gather</div>
+						<div className="panel-body text-center">Be the first to join the gather
+						</div>
+					</div>
+					<Gatherers gather={gather} user={user} thisGatherer={thisGatherer} />
+				</div>
+			);
+		}
+
 	}
 });