From 201a37385ee2d4df4c185d19367d5ebb51d4106a Mon Sep 17 00:00:00 2001
From: Nikki Gonzales
 <38495263+nikkithelegendarypokemonster@users.noreply.github.com>
Date: Tue, 3 Dec 2024 20:05:35 +0800
Subject: [PATCH] Fix code arrangement in jquery demo

---
 .../Demos/Chat/Customization/jQuery/index.js  | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/apps/demos/Demos/Chat/Customization/jQuery/index.js b/apps/demos/Demos/Chat/Customization/jQuery/index.js
index 47de3344c96f..b6381e0deed9 100644
--- a/apps/demos/Demos/Chat/Customization/jQuery/index.js
+++ b/apps/demos/Demos/Chat/Customization/jQuery/index.js
@@ -10,30 +10,6 @@ $(() => {
     messageTimestampFormat: messageTimestampFormat[0],
   }).dxChat('instance');
 
-  $('#chat-disabled').dxCheckBox({
-    value: false,
-    text: 'Disable Chat',
-    onValueChanged(data) {
-      chat.option('disabled', data.value);
-    },
-  });
-
-  $('#show-day-headers').dxCheckBox({
-    value: true,
-    text: 'Show Day Headers',
-    onValueChanged(data) {
-      chat.option('showDayHeaders', data.value);
-    },
-  });
-
-  $('#show-message-timestamp').dxCheckBox({
-    value: true,
-    text: 'Show Message Timestamp',
-    onValueChanged(data) {
-      chat.option('showMessageTimestamp', data.value);
-    },
-  });
-
   $('#show-avatar').dxCheckBox({
     value: true,
     text: 'Show Avatar',
@@ -50,6 +26,14 @@ $(() => {
     },
   });
 
+  $('#show-day-headers').dxCheckBox({
+    value: true,
+    text: 'Show Day Headers',
+    onValueChanged(data) {
+      chat.option('showDayHeaders', data.value);
+    },
+  });
+
   $('#day-headers-format').dxSelectBox({
     items: dayHeaderFormat,
     value: dayHeaderFormat[0],
@@ -59,6 +43,14 @@ $(() => {
     },
   });
 
+  $('#show-message-timestamp').dxCheckBox({
+    value: true,
+    text: 'Show Message Timestamp',
+    onValueChanged(data) {
+      chat.option('showMessageTimestamp', data.value);
+    },
+  });
+
   $('#message-timestamp-format').dxSelectBox({
     items: messageTimestampFormat,
     value: messageTimestampFormat[0],
@@ -67,4 +59,12 @@ $(() => {
       chat.option('messageTimestampFormat', data.value);
     },
   });
+
+  $('#chat-disabled').dxCheckBox({
+    value: false,
+    text: 'Disable Chat',
+    onValueChanged(data) {
+      chat.option('disabled', data.value);
+    },
+  });
 });