mirror of
https://github.com/penpot/penpot.git
synced 2025-02-04 13:29:14 -05:00
💄 Use native destructuring support instead of unchecked-get
This commit is contained in:
parent
00f4abbad9
commit
6ae58a77ed
1 changed files with 3 additions and 12 deletions
|
@ -13,23 +13,14 @@
|
||||||
|
|
||||||
(mf/defc title-bar
|
(mf/defc title-bar
|
||||||
{::mf/wrap-props false}
|
{::mf/wrap-props false}
|
||||||
[props]
|
[{:keys [collapsable? collapsed? on-collapsed title children on-btn-click btn-children klass]}]
|
||||||
(let [collapsable? (unchecked-get props "collapsable?")
|
(let [klass (dm/str (stl/css :title-bar) " " klass)]
|
||||||
collapsed? (unchecked-get props "collapsed?")
|
|
||||||
on-collapsed (unchecked-get props "on-collapsed")
|
|
||||||
title (unchecked-get props "title")
|
|
||||||
children (unchecked-get props "children")
|
|
||||||
on-btn-click (unchecked-get props "on-btn-click")
|
|
||||||
btn-children (unchecked-get props "btn-children")
|
|
||||||
klass (dm/str (stl/css :title-bar) " "
|
|
||||||
(unchecked-get props "klass"))]
|
|
||||||
|
|
||||||
[:div {:class klass}
|
[:div {:class klass}
|
||||||
(if collapsable?
|
(if collapsable?
|
||||||
[:button {:class (stl/css :toggle-btn) :on-click on-collapsed}
|
[:button {:class (stl/css :toggle-btn) :on-click on-collapsed}
|
||||||
[:span {:class (stl/css-case
|
[:span {:class (stl/css-case
|
||||||
:collased-icon true
|
:collased-icon true
|
||||||
:rotated collapsed?)}
|
:rotated collapsed?)}
|
||||||
i/arrow-refactor]
|
i/arrow-refactor]
|
||||||
[:div {:class (stl/css :title)} title]]
|
[:div {:class (stl/css :title)} title]]
|
||||||
[:div {:class (stl/css :title-only)} title])
|
[:div {:class (stl/css :title-only)} title])
|
||||||
|
|
Loading…
Add table
Reference in a new issue