From 090368d8b38cd1774081ed18a228dcc8783b0dfd Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Tue, 31 Dec 2019 20:15:03 -0700
Subject: [PATCH] Update ComposeModal

---
 .../assets/js/components/ComposeModal.vue     | 37 ++++++-------------
 1 file changed, 12 insertions(+), 25 deletions(-)

diff --git a/resources/assets/js/components/ComposeModal.vue b/resources/assets/js/components/ComposeModal.vue
index daced1ef2..56712bb0f 100644
--- a/resources/assets/js/components/ComposeModal.vue
+++ b/resources/assets/js/components/ComposeModal.vue
@@ -84,21 +84,22 @@
 				<div class="card-body p-0 border-top">
 					<div v-if="page == 1" class="w-100 h-100 d-flex justify-content-center align-items-center" style="min-height: 400px;">
 						<div class="text-center">
-							<a class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" href="/i/compose">
-								<div class="card-body">
+							<div v-if="media.length == 0" class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark">
+								<div @click.prevent="addMedia" class="card-body">
 									<div class="media">
 										<div class="mr-3 align-items-center justify-content-center" style="display:inline-flex;width:40px;height:40px;border-radius: 100%;background-color: #008DF5">
-											<i class="far fa-image text-white fa-lg"></i>
+											<i class="fas fa-bolt text-white fa-lg"></i>
 										</div>	
 										<div class="media-body text-left">
-											<h5 class="mt-0 font-weight-bold text-primary">New Post</h5>
+											<p class="mb-0">
+												<span class="h5 mt-0 font-weight-bold text-primary">New Post</span> 
+											</p>
 											<p class="mb-0 text-muted">Share up to {{config.uploader.album_limit}} photos or videos.</p>
 										</div>
 									</div>
 								</div>
-							</a>
-
-							<a class="d-none card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" :click="showAddToStoryCard">
+							</div>
+							<a v-if="config.features.stories == true" class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" href="/i/stories/new">
 								<div class="card-body">
 									<div class="media">
 										<div class="mr-3 align-items-center justify-content-center" style="display:inline-flex;width:40px;height:40px;border-radius: 100%;background-color: #008DF5">
@@ -107,6 +108,9 @@
 										<div class="media-body text-left">
 											<p class="mb-0">
 												<span class="h5 mt-0 font-weight-bold text-primary">Add to Story</span> 
+												<sup>
+													<span class="badge badge-primary pb-1">BETA</span>
+												</sup>
 											</p>
 											<p class="mb-0 text-muted">Add a photo or video to your story.</p>
 										</div>
@@ -130,24 +134,7 @@
 								</div>
 							</a>
 
-							<div v-if="media.length == 0" class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark">
-								<div @click.prevent="addMedia" class="card-body">
-									<div class="media">
-										<div class="mr-3 align-items-center justify-content-center" style="display:inline-flex;width:40px;height:40px;border-radius: 100%;background-color: #008DF5">
-											<i class="fas fa-bolt text-white fa-lg"></i>
-										</div>	
-										<div class="media-body text-left">
-											<p class="mb-0">
-												<span class="h5 mt-0 font-weight-bold text-primary">Try ComposeUI v4</span> 
-												<sup>
-													<span class="badge badge-primary pb-1">BETA</span>
-												</sup>
-											</p>
-											<p class="mb-0 text-muted">The next generation compose experience.</p>
-										</div>
-									</div>
-								</div>
-							</div>
+							
 							<p class="pt-3">
 								<a class="font-weight-bold" href="/site/help">Help</a>
 							</p>