From de7a5085b1e21a2048e73c62f322b6b8fd0385ad Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sun, 23 Jun 2024 19:18:40 +0300
Subject: [PATCH] Partial revert of class/id distinction

---
 public/index.html        | 2 +-
 public/scripts/openai.js | 8 ++++----
 public/style.css         | 1 -
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index c0dc92ffa..205a7540e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2882,7 +2882,7 @@
                             </div>
                             <h4 data-i18n="Available Models">Available Models</h4>
                             <div class="flex-container">
-                                <select class="text_pole model_custom_select"></select>
+                                <select id="model_custom_select" class="text_pole model_custom_select"></select>
                             </div>
                             <h4 data-i18n="Prompt Post-Processing">Prompt Post-Processing</h4>
                             <select id="custom_prompt_post_processing" class="text_pole" title="Applies additional processing to the prompt before sending it to the API." data-i18n="[title]Applies additional processing to the prompt before sending it to the API.">
diff --git a/public/scripts/openai.js b/public/scripts/openai.js
index bd2176cca..37551dd34 100644
--- a/public/scripts/openai.js
+++ b/public/scripts/openai.js
@@ -1563,7 +1563,7 @@ function saveModelList(data) {
         });
 
         if (!oai_settings.custom_model && model_list.length > 0) {
-            $('.model_custom_select').val(model_list[0].id).trigger('change');
+            $('#model_custom_select').val(model_list[0].id).trigger('change');
         }
     }
 }
@@ -3882,7 +3882,7 @@ async function onModelChange() {
         oai_settings.groq_model = value;
     }
 
-    if (value && $(this).is('.model_custom_select')) {
+    if (value && $(this).is('#model_custom_select')) {
         console.log('Custom model changed to', value);
         oai_settings.custom_model = value;
         $('#custom_model_id').val(value).trigger('input');
@@ -4359,7 +4359,7 @@ function toggleChatCompletionForms() {
         $('#model_groq_select').trigger('change');
     }
     else if (oai_settings.chat_completion_source == chat_completion_sources.CUSTOM) {
-        $('.model_custom_select').trigger('change');
+        $('#model_custom_select').trigger('change');
     }
     $('[data-source]').each(function () {
         const validSources = $(this).data('source').split(',');
@@ -5062,7 +5062,7 @@ $(document).ready(async function () {
     $('#model_cohere_select').on('change', onModelChange);
     $('#model_perplexity_select').on('change', onModelChange);
     $('#model_groq_select').on('change', onModelChange);
-    $('.model_custom_select').on('change', onModelChange);
+    $('#model_custom_select').on('change', onModelChange);
     $('#settings_preset_openai').on('change', onSettingsPresetChange);
     $('#new_oai_preset').on('click', onNewPresetClick);
     $('#delete_oai_preset').on('click', onDeletePresetClick);
diff --git a/public/style.css b/public/style.css
index dfad71051..6884f5929 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1175,7 +1175,6 @@ select {
     color: var(--SmartThemeBodyColor);
 }
 
-
 #send_textarea {
     min-height: calc(var(--bottomFormBlockSize) + 2px);
     height: calc(var(--bottomFormBlockSize) + 2px);