diff options
author | Hayleigh Thompson <me@hayleigh.dev> | 2024-03-27 20:57:14 +0000 |
---|---|---|
committer | Hayleigh Thompson <me@hayleigh.dev> | 2024-03-27 20:57:14 +0000 |
commit | 9d0aa7738449ac70787dfced639b0573432ee005 (patch) | |
tree | 5f4ce51e99d6d87457982e3cdc8657fc19e784b2 /examples/04-custom-event-handlers/src | |
parent | ef41bf37c5042aea3a79bdf4883d5a0946462469 (diff) | |
download | lustre-9d0aa7738449ac70787dfced639b0573432ee005.tar.gz lustre-9d0aa7738449ac70787dfced639b0573432ee005.zip |
:memo: Update examples docs.
Diffstat (limited to 'examples/04-custom-event-handlers/src')
-rw-r--r-- | examples/04-custom-event-handlers/src/app.gleam | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/examples/04-custom-event-handlers/src/app.gleam b/examples/04-custom-event-handlers/src/app.gleam index c3f5d0b..011b09c 100644 --- a/examples/04-custom-event-handlers/src/app.gleam +++ b/examples/04-custom-event-handlers/src/app.gleam @@ -37,20 +37,20 @@ fn init(_) -> Model { // UPDATE ---------------------------------------------------------------------- pub opaque type Msg { - GotInput(value: String) - Reset + UserUpdatedMessage(value: String) + UserResetMessage } fn update(model: Model, msg: Msg) -> Model { case msg { - GotInput(value) -> { + UserUpdatedMessage(value) -> { let length = string.length(value) case length <= model.max { True -> Model(..model, value: value, length: length) False -> model } } - Reset -> Model(..model, value: "", length: 0) + UserResetMessage -> Model(..model, value: "", length: 0) } } @@ -66,7 +66,7 @@ fn view(model: Model) -> Element(Msg) { let loud = string.uppercase(value) - Ok(GotInput(loud)) + Ok(UserUpdatedMessage(loud)) } ui.centre( @@ -79,7 +79,7 @@ fn view(model: Model) -> Element(Msg) { ui.input([attribute.value(model.value), event.on("input", make_it_loud)]), [element.text(length <> "/" <> max)], ), - ui.button([event.on_click(Reset)], [element.text("Reset")]), + ui.button([event.on_click(UserResetMessage)], [element.text("Reset")]), ), ) } |