From b8fccfdf2a4c2f9a2c35410dfedffba562bbe722 Mon Sep 17 00:00:00 2001
From: StevenDufresne <dufresnesteven@gmail.com>
Date: Thu, 7 Dec 2023 09:26:37 +0900
Subject: [PATCH] Remove the stylesheet to make ui quicker.

---
 .../wporg-events-2023/src/event-list/index.js |  1 -
 .../src/event-list/index.php                  | 20 ++++++++++++++++++-
 .../src/event-list/style.scss                 |  8 --------
 3 files changed, 19 insertions(+), 10 deletions(-)
 delete mode 100644 public_html/wp-content/themes/wporg-events-2023/src/event-list/style.scss

diff --git a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.js b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.js
index 5d6da2ae24..221fee8b19 100644
--- a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.js
+++ b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.js
@@ -8,7 +8,6 @@ import { registerBlockType } from '@wordpress/blocks';
  */
 import Edit from './edit';
 import metadata from './block.json';
-import './style.scss';
 
 registerBlockType( metadata.name, {
 	edit: Edit,
diff --git a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
index 065482dafe..120581fae7 100644
--- a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
+++ b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
@@ -60,7 +60,7 @@ function render( $attributes, $content, $block ) {
 	}
 
 	foreach ( $grouped_events as $month_year => $events ) {
-		$content .= "<h2 class='wporg-marker-list__container__title'>$month_year</h2>";
+		$content .= get_section_title( $month_year );
 		$content .= '<ul class="wporg-marker-list__container">';
 
 		foreach ( $events as $event ) {
@@ -124,3 +124,21 @@ function filter_events( array $events ): array {
 
 	return $filtered_events;
 }
+
+/**
+ * Returns core heading block markup for the date groups.
+ *
+ * @param string $heading_text Heading text.
+ *
+ * @return string
+ */
+function get_section_title( $heading_text ) {
+	$block_markup  = '<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-1"}}},"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|20"}}},"textColor":"charcoal-1","fontSize":"medium","fontFamily":"inter"} -->';
+	$block_markup .= sprintf (
+		'<h2 class="wp-block-heading has-charcoal-1-color has-text-color has-link-color has-inter-font-family has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--20);font-style:normal;font-weight:700">%s</h2>',
+		esc_html( $heading_text )
+	);
+	$block_markup .= '<!-- /wp:heading -->';
+
+	return $block_markup;
+}
diff --git a/public_html/wp-content/themes/wporg-events-2023/src/event-list/style.scss b/public_html/wp-content/themes/wporg-events-2023/src/event-list/style.scss
deleted file mode 100644
index ead935dcd2..0000000000
--- a/public_html/wp-content/themes/wporg-events-2023/src/event-list/style.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.wporg-marker-list__container__title {
-	color: var(--wp--preset--color--charcoal-1);
-	font-family: var(--wp--preset--font-family--inter);
-	font-size: var(--wp--preset--font-size--medium);
-	font-style: normal;
-	font-weight: 700;
-	margin-block-end: var(--wp--preset--spacing--20);
-}