NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-24 17:02:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

🎨 avoid passing along a function with lots of arguments

Browse Source
This commit is contained in:
Tessa Kelly 2019-06-18 09:00:01 -07:00
parent 3ba03bbdef
commit b1d44c054f
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
styleguide-app/Examples/Modal.elm
View File

@ -53,13 +53,21 @@ example parentMessage state =
, Modal.info
{ title = { title = "Modal.info", visibleTitle = state.visibleTitle }
, wrapMsg = InfoModalMsg
, content = viewContent state InfoModalMsg Modal.primaryButton
, content =
viewContent state
InfoModalMsg
(Modal.primaryButton ForceClose "Continue")
(Modal.secondaryButton ForceClose "Close")
}
state.infoModal
, Modal.warning
{ title = { title = "Modal.warning", visibleTitle = state.visibleTitle }
, wrapMsg = WarningModalMsg
, content = viewContent state WarningModalMsg Modal.dangerButton
, content =
viewContent state
WarningModalMsg
(Modal.dangerButton ForceClose "Continue")
(Modal.secondaryButton ForceClose "Close")
}
state.warningModal
]
@ -70,20 +78,14 @@ example parentMessage state =
viewContent :
State
-> (Modal.Msg -> Msg)
-> (Msg -> String -> List (Root.Attribute Msg) -> Html Msg)
-> (List (Root.Attribute Msg) -> Html Msg)
-> (List (Root.Attribute Msg) -> Html Msg)
-> Modal.FocusableElementAttrs Msg
-> Html Msg
viewContent state wrapMsg mainButton { firstFocusableElement, lastFocusableElement } =
let
primaryButton =
mainButton ForceClose "Continue"
secondaryButton =
Modal.secondaryButton ForceClose "Close"
in
viewContent state wrapMsg primaryButton secondaryButton focusableElementAttrs =
div []
[ if state.showX then
Modal.closeButton wrapMsg firstFocusableElement
Modal.closeButton wrapMsg focusableElementAttrs.firstFocusableElement
else
text ""
@ -91,17 +93,17 @@ viewContent state wrapMsg mainButton { firstFocusableElement, lastFocusableEleme
, if state.showContinue && state.showSecondary then
Modal.viewFooter
[ primaryButton []
, secondaryButton lastFocusableElement
, secondaryButton focusableElementAttrs.lastFocusableElement
]
else if state.showContinue then
Modal.viewFooter
[ primaryButton lastFocusableElement
[ primaryButton focusableElementAttrs.lastFocusableElement
]
else if state.showSecondary then
Modal.viewFooter
[ secondaryButton lastFocusableElement
[ secondaryButton focusableElementAttrs.lastFocusableElement
]
else