From 3cbec96edd72cf1ec27b2cfe4b89b814c7538657 Mon Sep 17 00:00:00 2001
From: sid597 <siddharthdv77@gmail.com>
Date: Tue, 9 Jan 2024 19:37:24 +0530
Subject: [PATCH] dismiss menu after selecting option, change button color, fix
 border radius

---
 src/main/ui/components.cljs  |  1 +
 src/main/ui/render_comp.cljs | 34 ++++++++++++++++------------------
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/main/ui/components.cljs b/src/main/ui/components.cljs
index 547ec79..99140bb 100644
--- a/src/main/ui/components.cljs
+++ b/src/main/ui/components.cljs
@@ -36,6 +36,7 @@
               :on-click callback}])
 
 (defn button-popover [button-text render-comp]
+
   [:> Popover
    {:position "bottom"}
    [:> Button {:minimal true
diff --git a/src/main/ui/render_comp.cljs b/src/main/ui/render_comp.cljs
index d6e87b5..f8c73a3 100644
--- a/src/main/ui/render_comp.cljs
+++ b/src/main/ui/render_comp.cljs
@@ -267,12 +267,7 @@
                    :margin "10px 10px -10px 10px  "
                    :background-color "whitesmoke"
                    :border "1px"}}
-          [chat-context context]
-          [:> ButtonGroup
-           {:vertical true
-            :style {:align-self "flex-end"
-                    :padding "15px"}}]]
-
+          [chat-context context]]
          [:div.chin
           {:style {:display "flex"
                    :flex-direction "row"
@@ -290,20 +285,23 @@
             (str "Model: " @default-model)
             [:div
              [:span {:style {:margin-bottom "5px"}} "Select Model:"]
-             [:> HTMLSelect
-              {:fill true
-               :style {:margin-bottom "10px"}
-               :on-change (fn [e]
-                            (reset! default-model (j/get-in e [:currentTarget :value])))
-               :value @default-model}
-
-              [:option {:value "gpt-4-1106-preview"} "gpt-4-1106-preview"]
-              [:option {:value "gpt-3.5-turbo-1106"} "gpt-3.5-turbo-1106"]]]]
-
+             [:> Divider]
+             [:> Menu.Item
+              {:text "gpt-4-1106-preview"
+               :on-click (fn [e]
+                           (js/console.log "clicked menu item" e)
+                           (reset! default-model "gpt-4-1106-preview"))}]
+             [:> Divider]
+             [:> Menu
+              [:> Menu.Item
+               {:text "gpt-3.5-turbo-1106"
+                :on-click (fn [e]
+                            (js/console.log "clicked menu item" e)
+                            (reset! default-model "gpt-3.5-turbo-1106"))}]]]]
            [:> Divider]
            [comp/button-popover
             (str "Max Tokens: " @default-msg-value)
-            [:div
+            [:div.bp3-popover-dismiss
              [:span {:style {:margin-bottom "5px"}} "Max output length:"]
              [:> Slider {:min 0
                          :max 2048
@@ -318,7 +316,7 @@
            [:> Divider]
            [comp/button-popover
             (str "Temperature: " (js/parseFloat (.toFixed @default-temp 1)))
-            [:div
+            [:div.bp3-popover-dismiss
              {:style {:margin-bottom "10px"}}
              [:span {:style {:margin-bottom "5px"}} "Temperature:"]
              [:> Slider {:min 0