From 4937d4ad283b90629a80a213595a873d1a3a2615 Mon Sep 17 00:00:00 2001
From: Emilia <contact@emiliaallison.com>
Date: Fri, 29 Dec 2023 18:11:00 -0500
Subject: [PATCH] Preferences menu and toggle for in_transfer hashes

---
 .../default_theme/components/_upper_menu.scss  |  2 ++
 src/components/main_window.rs                  | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/assets/scss/default_theme/components/_upper_menu.scss b/assets/scss/default_theme/components/_upper_menu.scss
index 4641d5c..760734c 100644
--- a/assets/scss/default_theme/components/_upper_menu.scss
+++ b/assets/scss/default_theme/components/_upper_menu.scss
@@ -12,6 +12,8 @@ div.upper_menu {
 
 	visibility: inherit;
 
+	display: flex;
+
 	div.dropdown {
 		margin-right: 2px;
 
diff --git a/src/components/main_window.rs b/src/components/main_window.rs
index cb8ca51..79b9b4a 100644
--- a/src/components/main_window.rs
+++ b/src/components/main_window.rs
@@ -49,6 +49,15 @@ pub fn MainWindow() -> Html {
         });
     }
 
+    let toggle_in_transfer_hashes_callback = {
+        let main_dispatch = main_dispatch.clone();
+        Callback::from(move |_| {
+            main_dispatch.reduce_mut(|state| {
+                state.preferences.in_transfer_hashes ^= true;
+            })
+        })
+    };
+
     let new_plate_dialog_is_open = use_state_eq(|| false);
     let new_plate_dialog_callback = {
         let new_plate_dialog_is_open = new_plate_dialog_is_open.clone();
@@ -476,6 +485,15 @@ pub fn MainWindow() -> Html {
                     </div>
                 </div>
             </div>
+            <div class="dropdown">
+                <button>{"Options"}</button>
+                <div class="dropdown-sub">
+                    <button>{"Styles"}</button>
+                    <div>
+                    <button onclick={toggle_in_transfer_hashes_callback}>{"Toggle in transfer hashes"}</button>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="main_container">
             <Tree open_new_plate_callback={open_new_plate_dialog_callback}/>