From d907a6c50081c738bb5d01b08c0790c8b208faa5 Mon Sep 17 00:00:00 2001
From: Alessio <alex@playfulpachyderm.com>
Date: Sat, 4 May 2024 15:51:36 -0700
Subject: [PATCH] Make DM message 'show more' button use same styling as
 timeline one

---
 internal/webserver/static/styles.css             | 16 +++++++---------
 .../tpl/tweet_page_includes/chat_view.tpl        |  7 +++----
 .../tpl/tweet_page_includes/timeline.tpl         |  8 ++++----
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index 839868a..5298a9e 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -890,18 +890,16 @@ main {
  ******************************************************/
 
 /**
- * Timeline module
+ * Show more button and EOF indicator module
  */
-.timeline {
-	.timeline__bottom {
-		text-align: center;
-		font-size: 1.2em;
-		padding: 1em 0;
-	}
-	.timeline__eof-label {
+.show-more {
+	text-align: center;
+	font-size: 1.2em;
+	padding: 1em 0;
+	.show-more__eof-label {
 		color: var(--color-twitter-text-gray);
 	}
-	.timeline__show-more-button {
+	.show-more__button {
 		padding: 0em 0.8em;
 		display: inline-block;
 		border: 2px solid var(--color-twitter-blue);
diff --git a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
index 939a22c..29fb474 100644
--- a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
@@ -193,12 +193,11 @@
 {{end}}
 
 {{define "conversation-top"}}
-  <div class="conversation-top">
+  <div class="show-more conversation-top">
     {{if .Cursor.CursorPosition.IsEnd}}
-      <!-- TODO: make a reusable eof-indicator -->
-      <div class="eof-indicator">Beginning of conversation</div>
+      <label class="show-more__eof-label">Beginning of conversation</label>
     {{else}}
-      <a class="show-more-button button"
+      <a class="show-more__button button"
         hx-get="?cursor={{.Cursor.CursorValue}}" {{/* TODO: this might require a `cursor_to_query_params` if the same view is used for searching */}}
         hx-target=".conversation-top"
         hx-swap="outerHTML"
diff --git a/internal/webserver/tpl/tweet_page_includes/timeline.tpl b/internal/webserver/tpl/tweet_page_includes/timeline.tpl
index a7ade32..e6daf7e 100644
--- a/internal/webserver/tpl/tweet_page_includes/timeline.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/timeline.tpl
@@ -3,13 +3,13 @@
     {{template "tweet" .}}
   {{end}}
 
-  <div class="timeline__bottom">
+  <div class="show-more">
     {{if .CursorBottom.CursorPosition.IsEnd}}
-      <label class="timeline__eof-label">End of feed</label>
+      <label class="show-more__eof-label">End of feed</label>
     {{else}}
-      <a class="timeline__show-more-button button"
+      <a class="show-more__button button"
         hx-get="?{{(cursor_to_query_params .CursorBottom)}}"
-        hx-target=".timeline__bottom"
+        hx-target=".show-more"
         hx-swap="outerHTML"
       >Show more</a>
     {{end}}