From 447f12f3c4265fb4220cb70425b055101681ca56 Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Tue, 30 Jan 2024 20:19:56 +0000
Subject: :recycle: Refactor some bits.

---
 examples/03-controlled-inputs/src/app.gleam | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'examples/03-controlled-inputs/src')

diff --git a/examples/03-controlled-inputs/src/app.gleam b/examples/03-controlled-inputs/src/app.gleam
index 8e713ea..babef7a 100644
--- a/examples/03-controlled-inputs/src/app.gleam
+++ b/examples/03-controlled-inputs/src/app.gleam
@@ -43,6 +43,7 @@ fn update(model: Model, msg: Msg) -> Model {
   case msg {
     GotInput(value) -> {
       let length = string.length(value)
+
       case length <= model.max {
         True -> Model(..model, value: value, length: length)
         False -> model
@@ -55,8 +56,9 @@ fn update(model: Model, msg: Msg) -> Model {
 // VIEW ------------------------------------------------------------------------
 
 fn view(model: Model) -> Element(Msg) {
-  let styles = [#("width", "100vw"), #("height", "100vh")]
+  let styles = [#("width", "100vw"), #("height", "100vh"), #("padding", "1rem")]
   let length = int.to_string(model.length)
+  let max = int.to_string(model.max)
 
   ui.centre(
     [attribute.style(styles)],
@@ -66,7 +68,7 @@ fn view(model: Model) -> Element(Msg) {
         [],
         [element.text("Write a message:")],
         ui.input([attribute.value(model.value), event.on_input(GotInput)]),
-        [element.text(length <> "/10")],
+        [element.text(length <> "/" <> max)],
       ),
       ui.button([event.on_click(Reset)], [element.text("Reset")]),
     ),
-- 
cgit v1.2.3