From 7a29c2eb2ed7ef877f6b390dd27e67e3649a67f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Fri, 4 Aug 2023 09:57:31 -0400
Subject: [PATCH] fix reconnect alert fade and move it to core

---
 public/src/sockets.js                  | 4 ++--
 src/views/admin/footer.tpl             | 4 ++--
 src/views/partials/reconnect-alert.tpl | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/views/partials/reconnect-alert.tpl

diff --git a/public/src/sockets.js b/public/src/sockets.js
index 9325c0c595..a523a29597 100644
--- a/public/src/sockets.js
+++ b/public/src/sockets.js
@@ -165,7 +165,7 @@ app = window.app || {};
 
 			reconnectEl.tooltip('dispose');
 			reconnectEl.html('<i class="fa fa-check text-success"></i>');
-			reconnectAlert.addClass('hide');
+			reconnectAlert.removeClass('show');
 			reconnecting = false;
 
 			reJoinCurrentRoom();
@@ -202,7 +202,7 @@ app = window.app || {};
 
 		if (!reconnectEl.hasClass('active')) {
 			reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>');
-			reconnectAlert.removeClass('hide');
+			reconnectAlert.addClass('show');
 		}
 
 		reconnectEl.addClass('active').removeClass('hide').tooltip({
diff --git a/src/views/admin/footer.tpl b/src/views/admin/footer.tpl
index 73ed1fb492..6de64023ef 100644
--- a/src/views/admin/footer.tpl
+++ b/src/views/admin/footer.tpl
@@ -5,8 +5,8 @@
 	{{{ if !isSpider }}}
 	<div class="">
 		<div component="toaster/tray" class="alert-window fixed-bottom mb-5 mb-md-2 me-2 me-md-5 ms-auto" style="width:300px; z-index: 1090;">
-			<div id="reconnect-alert" class="alert alert-dismissible alert-warning clearfix hide" component="toaster/toast">
-				<button type="button" class="btn-close float-end" data-bs-dismiss="alert" aria-hidden="true"></button>
+			<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast">
+				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-hidden="true"></button>
 				<p>[[global:reconnecting-message, {config.siteTitle}]]</p>
 			</div>
 		</div>
diff --git a/src/views/partials/reconnect-alert.tpl b/src/views/partials/reconnect-alert.tpl
new file mode 100644
index 0000000000..50a6e1e330
--- /dev/null
+++ b/src/views/partials/reconnect-alert.tpl
@@ -0,0 +1,4 @@
+<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast">
+	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-hidden="true"></button>
+	<p>[[global:reconnecting-message, {config.siteTitle}]]</p>
+</div>
\ No newline at end of file