From 4d240f9ca0a0afd03f3ea1e6cb96e88c3396a052 Mon Sep 17 00:00:00 2001
From: localhost_frssoft <userquicker@disroot.org>
Date: Mon, 6 Nov 2023 16:45:04 +0300
Subject: [PATCH] improvment reactions page

---
 static/style.css             | 11 ++++++++++-
 templates/reactionspage.tmpl | 26 ++++++++++++++------------
 templates/status.tmpl        |  2 +-
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/static/style.css b/static/style.css
index 2da7325..4f79d8c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -123,10 +123,19 @@ frame, body {
 	display: inline-block;
 }
 
-.pleroma-reactions form {
+.pleroma-reactions #emoj {
 	display: inline-block;
 }
 
+.pleroma-reactions form {
+	display: block;
+}
+
+.scrollable-emoji {
+	max-height: 240px;
+	overflow:  scroll;
+}
+
 .status-action a {
 	display: inline-block;
 }
diff --git a/templates/reactionspage.tmpl b/templates/reactionspage.tmpl
index 55dbf96..75cb311 100644
--- a/templates/reactionspage.tmpl
+++ b/templates/reactionspage.tmpl
@@ -3,24 +3,26 @@
 <div class="page-title"> Reactions </div>
 {{$st_id := .ID}}
 <div class="page-title"> Add reaction </div>
-<div class="scrollable-emoji" style="overflow-y: scroll; height:200px;">
+<div class="scrollable-emoji">
 <div class="pleroma-reactions">
-{{$emoji_filter := $.Ctx.AddReactionsFilter}}
-     {{range $shortcode, $code := .ReactionEmojis}}
-     {{if Allowed_emoji_page $shortcode $emoji_filter}}
-     <form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" title="{{$shortcode}}">
-     	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
-        <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
-        <input type="submit" value="{{$code}}" class="pleroma-emoji">
-     </form>
-     {{end}}
-     {{end}}
      <form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)">
        	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
         <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
-	<input type="text" label="ex. :pleromaemoji:" id="akkoma-reaction" cols=30 name="akkoma-reaction">
+	<input type="text" placeholder=":blobfoxexample: or 🤗" id="akkoma-reaction" cols=30 name="akkoma-reaction" autofocus autocomplete="on">
         <input type="submit" value="Send custom reaction" class="pleroma-emoji"> 
+     	<a href="/emojis">emoji list</a>
      </form>
+{{$emoji_filter := $.Ctx.AddReactionsFilter}}
+     {{range $shortcode, $code := .ReactionEmojis}}
+     {{if Allowed_emoji_page $shortcode $emoji_filter}}
+     <form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" >
+     	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
+        <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
+        <input type="submit" value="{{$code}}" class="pleroma-emoji">
+	{{$shortcode}}
+     </form>
+     {{end}}
+     {{end}}
 </div>
 </div>
 
diff --git a/templates/status.tmpl b/templates/status.tmpl
index e6d3495..2713fdf 100644
--- a/templates/status.tmpl
+++ b/templates/status.tmpl
@@ -121,7 +121,7 @@
 			<div class="pleroma-reactions">
 				{{range .Pleroma.Reactions}}
 				{{$react := "react"}} {{if .Me}} {{$react = "unreact"}} {{end}}
-				<form action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self">
+				<form id="emoj" action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self">
 					<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 					<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
 					{{if .Url}}