NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-25 14:42:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

🎨 flatten the view tab implementation a bit

Browse Source
This commit is contained in:
Tessa Kelly 2020-08-04 19:15:32 -07:00
parent c3a7311b89
commit a8f5b3c33a
1 changed files with 33 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/Nri/Ui/SegmentedControl/V10.elm
View File

@ -136,42 +136,41 @@ view config =
option.value == config.selected
viewTab option =
let
element attrs children =
case config.toUrl of
Nothing ->
-- This is for a non-SPA view
button
(Events.onClick (config.onClick option.value)
:: attrs
)
children
case config.toUrl of
Just toUrl ->
-- This is a for a SPA view
Html.Styled.a
(href (toUrl option.value)
:: EventExtras.onClickPreventDefaultForLinkWithHref
(config.onClick option.value)
:: tabAttributes option
++ option.attributes
)
[ viewIcon option.icon
, text option.label
]
Just toUrl ->
-- This is a for a SPA view
Html.Styled.a
(href (toUrl option.value)
:: EventExtras.onClickPreventDefaultForLinkWithHref
(config.onClick option.value)
:: attrs
)
children
in
element
([ Attributes.id (segmentIdFor option)
, css (getStyles { isSelected = isSelected option, width = config.width })
, Role.tab
, if isSelected option then
Aria.currentPage
Nothing ->
-- This is for a non-SPA view
button
(Events.onClick (config.onClick option.value)
:: tabAttributes option
++ option.attributes
)
[ viewIcon option.icon
, text option.label
]
else
AttributesExtra.none
]
++ option.attributes
)
[ viewIcon option.icon
, text option.label
]
tabAttributes option =
[ Attributes.id (segmentIdFor option)
, css (getStyles { isSelected = isSelected option, width = config.width })
, Role.tab
, if isSelected option then
Aria.currentPage
else
AttributesExtra.none
]
viewTabPanel option =
tabPanel