From d8a9e9e13725d9d8e011d6f475fe17ad2fdb1426 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Tue, 10 Feb 2026 23:51:01 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20search=20kutusu=20leptos-shadcn-input?=
 =?UTF-8?q?=20ile=20g=C3=BCncellendi,=20sa=C4=9Fa=20ta=C5=9F=C4=B1nd=C4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- toolbar.rs: search kutusu Input bileşeniyle değiştirildi
- Add Torrent butonu Button bileşeniyle güncellendi
- Search kutusu ortadan sağa taşındı
- Arama ikonu eklendi
---
 frontend/src/components/layout/toolbar.rs |  87 ++++++++++++----------
 vibetorrent.db                            | Bin 4096 -> 45056 bytes
 vibetorrent.db-shm                        | Bin 32768 -> 0 bytes
 vibetorrent.db-wal                        | Bin 86552 -> 0 bytes
 4 files changed, 47 insertions(+), 40 deletions(-)
 delete mode 100644 vibetorrent.db-shm
 delete mode 100644 vibetorrent.db-wal

diff --git a/frontend/src/components/layout/toolbar.rs b/frontend/src/components/layout/toolbar.rs
index 50a643a..ffc5f6f 100644
--- a/frontend/src/components/layout/toolbar.rs
+++ b/frontend/src/components/layout/toolbar.rs
@@ -1,4 +1,6 @@
 use leptos::prelude::*;
+use leptos_shadcn_input::Input;
+use leptos_shadcn_button::{Button, ButtonVariant, ButtonSize};
 use crate::components::torrent::add_torrent::AddTorrentDialog;
 
 #[component]
@@ -9,54 +11,59 @@ pub fn Toolbar() -> impl IntoView {
 
     view! {
         <div class="flex min-h-14 h-auto items-center border-b border-border bg-background px-4" style="padding-top: env(safe-area-inset-top);">
-            <div class="flex flex-1 items-center gap-4">
+            // Sol kısım: Menü butonu + Add Torrent
+            <div class="flex items-center gap-3">
                 // Mobile Menu Trigger
-                <button 
-                    on:click=move |_| is_mobile_menu_open.update(|v| *v = !*v)
-                    class="lg:hidden inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10"
+                <Button
+                    variant=ButtonVariant::Ghost
+                    size=ButtonSize::Icon
+                    class="lg:hidden"
+                    on_click=Callback::new(move |()| is_mobile_menu_open.update(|v| *v = !*v))
                 >
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
-                </button>
+                </Button>
                 
-                <div class="flex items-center gap-3">
-                    <button 
-                        class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 shadow gap-2"
-                        on:click=move |_| show_add_modal.1.set(true)
-                    >
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 md:w-5 md:h-5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+                <Button
+                    class="gap-2 shadow"
+                    on_click=Callback::new(move |()| show_add_modal.1.set(true))
+                >
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 md:w-5 md:h-5">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+                    </svg>
+                    <span class="hidden sm:inline">"Add Torrent"</span>
+                    <span class="sm:hidden">"Add"</span>
+                </Button>
+            </div>
+
+            // Sağ kısım: Search kutusu
+            <div class="flex flex-1 items-center justify-end gap-2">
+                <div class="hidden md:flex items-center gap-2 w-full max-w-xs">
+                    <div class="relative flex-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground pointer-events-none">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
                         </svg>
-                        <span class="hidden sm:inline">"Add Torrent"</span>
-                        <span class="sm:hidden">"Add"</span>
-                    </button>
+                        <Input
+                            input_type="search"
+                            placeholder="Search..."
+                            value=MaybeProp::derive(move || Some(store.search_query.get()))
+                            on_change=Callback::new(move |val: String| store.search_query.set(val))
+                            class="pl-8 h-9"
+                        />
+                        <Show when=move || !store.search_query.get().is_empty()>
+                            <button 
+                                class="absolute right-2 top-1/2 -translate-y-1/2 inline-flex items-center justify-center rounded-full text-xs font-medium hover:bg-muted h-5 w-5 opacity-50 hover:opacity-100 transition-opacity"
+                                on:click=move |_| store.search_query.set(String::new())
+                            >
+                                "×"
+                            </button>
+                        </Show>
+                    </div>
                 </div>
             </div>
 
-            <div class="hidden md:flex items-center justify-center flex-1">
-                <div class="relative w-full max-w-sm">
-                    <input 
-                        type="text" 
-                        placeholder="Search..." 
-                        class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50" 
-                        prop:value=move || store.search_query.get()
-                        on:input=move |ev| store.search_query.set(event_target_value(&ev))
-                    />
-                    <Show when=move || !store.search_query.get().is_empty()>
-                        <button 
-                            class="absolute right-2 top-1/2 -translate-y-1/2 inline-flex items-center justify-center rounded-full text-xs font-medium hover:bg-muted h-5 w-5 opacity-50 hover:opacity-100 transition-opacity"
-                            on:click=move |_| store.search_query.set(String::new())
-                        >
-                            "×"
-                        </button>
-                    </Show>
-                </div>
-            </div>
-
-            <div class="flex flex-1 justify-end px-4 gap-2">
-                <Show when=move || show_add_modal.0.get()>
-                    <AddTorrentDialog on_close=Callback::new(move |()| show_add_modal.1.set(false)) />
-                </Show>
-            </div>
+            <Show when=move || show_add_modal.0.get()>
+                <AddTorrentDialog on_close=Callback::new(move |()| show_add_modal.1.set(false)) />
+            </Show>
         </div>
     }
 }
\ No newline at end of file
diff --git a/vibetorrent.db b/vibetorrent.db
index 7ee7c113a09428e4daafacb6e70a35d18573e608..09271812f0ede885fd2e1718664626fda0e81df5 100644
GIT binary patch
literal 45056
zcmeI)&u`mg7zc3MX_6*w7m%1d2}OD(iqx>B#Oa!9MQBY^w+c;@HgVQ<FkIL18q>zf
zVy7!b0#bHBLU7|caTrJ-RUkm@wiAB=NDKiN#0d`5F04Bs;I)%<P13Rp5>oiSihtyN
z?bm)j?`x;=+cvk9(k+c#DOXF1MaG!N7>;A62w@n8qtgJLTFFgU`dV-3l0CG3+$zV6
z?o@^X4;a7yb>_r7fm=g2POJ`oGE^G4Jg5x}&`cx<KmY;|fB*y_0D=FJK;7^6^78^)
ze_A&R+O}TUmMb;0D4Vr4Q?2S1OD`LytQmz$SvRciqJczKj7uU(rf0;9<Pp1*Oqz68
zG196%wCMBjr%$shma?{~nO8UI&&9H-U9D+`+WFSsJgyX<PKl&r+Yv)4X=mu3p<TDv
z%L@Yg*0@t=_rbe!`rB&mE+->?LX%#gF-zi{m?ewZ<U%~VLgvL463<JSWSUm7Af}}=
z&X%q4h$LQ=NIFBOd@4oq>Eu#gY;01Aj>ihc_6-^(O3gYlU#)72r4?lQm0^bZOUVV1
z%!sq`d`cpTd^SsuF58(oDZa4i4<-6N{Ib9@P9rz9Xw|e$X`>(2;zD=ezWS8g%Ljw(
zZm!WlnrYg-!)z`+ZE&sJCYM#-(2PcahqxLs)=aG`AM$JwHTkwHdQ~&qB5mJdHj@>T
zb7|Xuq*+&pWW`yLDkQ`lvGdFky%6$;p7nV6MDRF=);Y^UYt36f@AC3I&+cA!Vs@%>
zW_@kZI$8hNGaiO&ch2^vZtn|<X<jQ=3vy90|Ba>(^?CT``Qt)%PFxn8g?l%|diije
zz3z5`m1#%WmP`72RcYJ?I^J__1f5$qHMXcd?ImP7IY+OT!`Dhfq@W$#XWCI3#kyfy
z%H}5R>9mf64*l>dI=0U@b~kG(y>*ymI+IC>@$|udjZ(F!sT*dkM5a@j>5ejOTT^Rx
z*s`V5_G+GftK<1Y=Q$6b3m?bYi6IM}IWGDk({F#!4AF@T%rk*KIzxg01Rwwb2tWV=
z5P$##AOHafK;TgVtDKh=#(bMD&VG7D+MZ!XBhgqm5)BIxBAlBP#wN#O!tG1@zkRUt
z?(OHutrykLp1gC)%<lPvzkhQwJUY1l>w}lSz5D5h;uFECFQ<Ols|SMI9c792`cB$M
z&<))>qRPmPAAh!9+xzI$+q+-9bp0#ou0eiS{_dw|X5P5@)YtbvUs8+Y<K_47-TU+L
z(0kt}SHpd8{^h4pae@0x;14=Of&c^{009U<00Izz00bZa0SG{#hXmX%mgP8?%jdJl
z|JlGzhQ5#>009U<00Izz00bZa0SG_<0ucBQ1un53hOfKFltM{2hNEl4k=XD=RDE@H
zB9U3znOUfwdtqzw0{s)I+A9;rg~Vuiz8WhoX3uWLYL#mn>#<yVRJf8-*K-}eGH`ZM
zh}h%*Y+#?EFC+*+00Izz00bZa0SG_<0uX=z1bR!L-^Kf!#|ifMKmDhFNDzPk1Rwwb
z2tWV=5P$##AOHaf^ss<E{*UkfJ>0+u4FV8=00bZa0SG_<0uX=z1Ry{KF#eBj009U<
z00Izz00bZa0SG_<0ubnZ0gV6mej6h~2tWV=5P$##AOHafKmY;|fB?q-(FY&^0SG_<
s0uX=z1Rwwb2tWV=y)S_A|K4w7L<j*0KmY;|fB*y_009U<00I#B8;bon!vFvP

delta 26
gcmZp8z|^2HL7J73fq{W>Vxv8fp;uL~DPRsi09$(o(EtDd

diff --git a/vibetorrent.db-shm b/vibetorrent.db-shm
deleted file mode 100644
index 984065d792932e8b980e30c07ae8f1c38dceb821..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 32768
zcmeI)JxT*X6ae5!q9z)Dq9zc}AeL!8g$GEPCLTaMkz#2b#Li=QgEUrxz9|+KyA%t9
z^F4Slvpf6t&3Aw||GY^}^irD4Vl$3>ec60GT|F*uw|5WU&+nV*{p#y&eZ83Pc)qEf
z>;AN&{XDPZ->Dxt__N-N{eI*@<S;UyX`da%{xI?=GWVU|H{Zlk5FkK+009C72oNAZ
zfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&U
zAV7cs0RjXF6fMw;SrNxYcc?i6T?zDKvdTD}q|2^;pe})81qLxw=(O1GG)ACHfnl0<
zSzc`d1q+N)o<}DL)F_bWB?<y{3gk(lf<T=DXLVlNtqFv{gaUzT1<tFzxr-CHKtO;1
l0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0tEi8z%LHaDop?Y

diff --git a/vibetorrent.db-wal b/vibetorrent.db-wal
deleted file mode 100644
index e6fecfdda48a205f2424a8d0d06a4fdf6a8dc05f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 86552
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
R1Rwx`+7hTY3wC{&;omzwCb<9r