From 05fea87ec455453f800ca6e975b98be519a4018c Mon Sep 17 00:00:00 2001
From: Jason Lee <huacnlee@gmail.com>
Date: Thu, 27 Mar 2025 11:24:06 +0800
Subject: [PATCH] example: Fix modal example button id. (#747)

Ref #740

- Fix modal example button id.
- Fix switch example to allow check.
---
 crates/story/src/modal_story.rs  |  2 +-
 crates/story/src/switch_story.rs | 24 +++++++++++++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/crates/story/src/modal_story.rs b/crates/story/src/modal_story.rs
index e0706ad8..fa95c45e 100644
--- a/crates/story/src/modal_story.rs
+++ b/crates/story/src/modal_story.rs
@@ -686,7 +686,7 @@ impl Render for ModalStory {
                                     })),
                             )
                             .child(
-                                Button::new("show-notify-warning")
+                                Button::new("show-notify-with-title")
                                     .label("Notification with Title")
                                     .on_click(cx.listener(|_, _, window, cx| {
                                         struct TestNotification;
diff --git a/crates/story/src/switch_story.rs b/crates/story/src/switch_story.rs
index 3e13916b..069f5c7a 100644
--- a/crates/story/src/switch_story.rs
+++ b/crates/story/src/switch_story.rs
@@ -23,6 +23,8 @@ pub struct SwitchStory {
     check1: bool,
     check2: bool,
     check3: bool,
+    check4: bool,
+    check5: bool,
     radio_check1: bool,
     radio_check2: bool,
     radio_group_checked: Option<usize>,
@@ -56,9 +58,11 @@ impl SwitchStory {
             check1: false,
             check2: false,
             check3: true,
+            check4: false,
+            check5: false,
             radio_check1: false,
             radio_check2: true,
-            radio_group_checked: None,
+            radio_group_checked: Some(1),
         }
     }
 }
@@ -208,15 +212,20 @@ impl Render for SwitchStory {
                             .child(
                                 Checkbox::new("longlong-checkbox")
                                     .w(px(300.))
+                                    .checked(self.check4)
                                     .label("The long long label text.")
                                     .child(div().text_color(cx.theme().muted_foreground).child(
                                         "This is a long long label text that \
                                         should wrap when the text is too long.",
-                                    )),
+                                    ))
+                                    .on_click(cx.listener(|v, _, _, _| {
+                                        v.check4 = !v.check4;
+                                    })),
                             )
                             .child(
                                 Checkbox::new("longlong-markdown-checkbox")
                                     .w(px(300.))
+                                    .checked(self.check5)
                                     .label("Label with description")
                                     .child(div().text_color(cx.theme().muted_foreground).child(
                                         TextView::markdown(
@@ -225,7 +234,10 @@ impl Render for SwitchStory {
                                             text used markdown, \
                                             it should wrap when the text is too long.",
                                         ),
-                                    )),
+                                    ))
+                                    .on_click(cx.listener(|v, _, _, _| {
+                                        v.check5 = !v.check5;
+                                    })),
                             ),
                     ),
                 )
@@ -298,8 +310,9 @@ impl Render for SwitchStory {
                                 RadioGroup::horizontal()
                                     .children(["One", "Two", "Three"])
                                     .selected_index(self.radio_group_checked)
-                                    .on_change(cx.listener(|this, selected_ix: &usize, _, _| {
+                                    .on_change(cx.listener(|this, selected_ix: &usize, _, cx| {
                                         this.radio_group_checked = Some(*selected_ix);
+                                        cx.notify();
                                     })),
                             ),
                         )
@@ -319,8 +332,9 @@ impl Render for SwitchStory {
                                         .child(Radio::new("one3").label("Mexico"))
                                         .selected_index(self.radio_group_checked)
                                         .on_change(cx.listener(
-                                            |this, selected_ix: &usize, _, _| {
+                                            |this, selected_ix: &usize, _, cx| {
                                                 this.radio_group_checked = Some(*selected_ix);
+                                                cx.notify();
                                             },
                                         )),
                                 ),