From a4ae874c03ac556d4182b0f7532c688b4e5e95d6 Mon Sep 17 00:00:00 2001
From: Tosin Oguntuyi <tcubed03@gmail.com>
Date: Wed, 14 Feb 2024 11:44:16 +0100
Subject: [PATCH] Reposition the event status flag and remove delete button

---
 assets/css/translation-events.css | 15 ++++++++++++++-
 templates/events-user-created.php |  8 +++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/assets/css/translation-events.css b/assets/css/translation-events.css
index 136fe7d14..9f9b67af2 100644
--- a/assets/css/translation-events.css
+++ b/assets/css/translation-events.css
@@ -121,6 +121,19 @@ h2.event_page_title {
     color: #fff !important;
 }
 span.event-list-status {
-    color: var(--gp-color-dark-orange);
     font-weight: 500;
+    float: left;
+    padding: 0.2em 0.4em;
+    color: #fff;
+    font-size: .7em;
+    border-radius: 4px;
+    margin-right: 0.3em;
+    width: 6em;
+    text-align: center;
+}
+span.event-list-status.draft {
+    background-color: #B0C4DE;
+}
+span.event-list-status.publish {
+    background-color: #00d084;
 }
diff --git a/templates/events-user-created.php b/templates/events-user-created.php
index d96ec4c8c..1113b4bb5 100644
--- a/templates/events-user-created.php
+++ b/templates/events-user-created.php
@@ -20,11 +20,13 @@
 			$permalink                     = str_replace( '%pagename%', $post_name, $permalink );
 			?>
 			<li class="event-list-item">
-				<span class="event-list-date"><time class="event-utc-time" datetime="<?php echo esc_attr( $event_start ); ?>"></span>
+				<div>
+					<span class="event-list-status <?php echo esc_attr( get_post_status( get_the_ID() ) ); ?>"><?php echo esc_html( get_post_status( get_the_ID() ) ); ?></span>
+					<span class="event-list-date"><time class="event-utc-time" datetime="<?php echo esc_attr( $event_start ); ?>"></span>
+				</div>
 				<a href="<?php echo esc_url( gp_url( wp_make_link_relative( $permalink ) ) ); ?>"><?php the_title(); ?></a>
-				<span class="event-list-status"><?php echo 'draft' === get_post_status( get_the_ID() ) ? esc_html( '[' . get_post_status( get_the_ID() ) . ']' ) : ''; ?></span>
 				<a href="<?php echo esc_url( gp_url( 'events/edit/' . get_the_ID() ) ); ?>" class="button is-small action edit">Edit</a>
-				<a href="" class="button is-small action edit">Delete</a><p><?php the_excerpt(); ?></p>
+				<p><?php the_excerpt(); ?></p>
 			</li>
 			<?php
 		endwhile;