feat: add custom tab label

Author: dancixx

Cargo.toml

@@ -5,19 +5,19 @@ edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [dependencies]
-leptos = { version = "0.6.5", features = ["csr", "nightly"] }
+leptos = { version = "0.6.6", features = ["csr", "nightly"] }
 leptos_devtools = { git = "https://github.com/luoxiaozero/leptos-devtools" }
 serde = { version = "1.0.192", features = ["derive"] }
 serde-wasm-bindgen = "0.6.3"
 wasm-bindgen = { version ="0.2.91", features = ["serde-serialize"] }
 js-sys = "0.3.68"
-leptos-use = { version = "0.10.2", features = ["serde", "serde_json"]}
+leptos-use = { version = "0.10.3", features = ["serde", "serde_json"]}
 leptos_icons = "0.3.0" # https://carlosted.github.io/icondata/
 serde_json = "1.0.113"
 wasm-bindgen-futures = "0.4.39"
 monaco = "0.4.0"
 tauri-sys = { git = "https://github.com/JonasKruckenberg/tauri-sys", features = ["all"] }
-thaw = { version = "0.2.0-beta", features = ["csr"] }
+thaw = { version = "0.2.1", features = ["csr"] }
 common = { path = "common" }
 futures = "0.3.30"
 async-stream = "0.3.5"

src-tauri/Cargo.toml

@@ -10,18 +10,18 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [build-dependencies]
-tauri-build = { version = "1.5", features = [] }
+tauri-build = { version = "1.5.1", features = [] }
 
 [dependencies]
 common = { path = "../common" }
-tauri = { version = "1.5.2", features = [ "shell-open", "fs-all"] }
+tauri = { version = "1.6.0", features = [ "shell-open", "fs-all"] }
 serde = { version = "1.0.193", features = ["derive"] }
 serde_json = "1.0.108"
-tokio = "1.34.0"
+tokio = "1.36.0"
 tokio-postgres = "0.7.10"
 chrono = "0.4.31"
 sled = "0.34.7"
-tauri-plugin-context-menu = "0.7.0"
+tauri-plugin-context-menu = "0.7.1"
 
 
 

src/app.rs

@@ -1,5 +1,5 @@
 use leptos::*;
-use thaw::{Button, Tab, Tabs};
+use thaw::{Button, Tab, TabLabel, Tabs};
 
 use crate::{
   enums::QueryTableLayout,
@@ -40,6 +40,12 @@ pub fn App() -> impl IntoView {
                           children=move |index| {
                               view! {
                                   <Tab key=index.to_string()>
+                                      <TabLabel class="p-0" slot>
+                                          <div class="flex flex-row items-center justify-between w-20">
+                                              <div>{(index + 1).to_string()}</div>
+                                              <button class="rounded-md text-xs">X</button>
+                                          </div>
+                                      </TabLabel>
                                       <QueryEditor/>
                                       <QueryTable/>
                                   </Tab>