hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Remove '?' uses

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2023-03-01 08:31:52 -05:00
parent 7cd4cdb5e0
commit 22b98ce3fc
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/core/src/renderer/components/tree-view/tree-view.tsx
View File

@ -19,12 +19,17 @@ export interface TreeViewProps {
} }
export function TreeView(props: TreeViewProps) { export function TreeView(props: TreeViewProps) {
const {
children,
classes = {},
} = props;
return ( return (
<ul <ul
className={cssNames(props.classes?.root, styles.treeView)} className={cssNames(classes.root, styles.treeView)}
role="tree" role="tree"
> >
{props.children} {children}
</ul> </ul>
); );
} }
@ -50,7 +55,7 @@ export function TreeItem(props: TreeItemProps) {
const { const {
label, label,
"data-testid": dataTestId, "data-testid": dataTestId,
classes, classes = {},
icon, icon,
onClick, onClick,
selected = false, selected = false,
@ -58,17 +63,17 @@ export function TreeItem(props: TreeItemProps) {
const [hovering, setHovering] = useState(false); const [hovering, setHovering] = useState(false);
const optionalCssNames: Partial<Record<string, any>> = {}; const optionalCssNames: Partial<Record<string, any>> = {};
if (classes?.selected) { if (classes.selected) {
optionalCssNames[classes.selected] = selected; optionalCssNames[classes.selected] = selected;
} }
if (classes?.hover) { if (classes.hover) {
optionalCssNames[classes.hover] = hovering; optionalCssNames[classes.hover] = hovering;
} }
return ( return (
<li <li
className={cssNames(classes?.root, optionalCssNames, styles.treeItem, { className={cssNames(classes.root, optionalCssNames, styles.treeItem, {
[styles.selected]: selected, [styles.selected]: selected,
})} })}
role="treeitem" role="treeitem"
@ -77,10 +82,10 @@ export function TreeItem(props: TreeItemProps) {
onMouseOver={() => setHovering(true)} onMouseOver={() => setHovering(true)}
onMouseLeave={() => setHovering(false)} onMouseLeave={() => setHovering(false)}
> >
<div className={cssNames(classes?.iconContainer, styles.iconContainer)}> <div className={cssNames(classes.iconContainer, styles.iconContainer)}>
{icon} {icon}
</div> </div>
<div className={classes?.label}> <div className={classes.label}>
{label} {label}
</div> </div>
</li> </li>
@ -110,7 +115,7 @@ export function TreeGroup(props: TreeGroupProps) {
label, label,
"data-testid": dataTestId, "data-testid": dataTestId,
children, children,
classes, classes = {},
collapseIcon, collapseIcon,
defaultExpanded = true, defaultExpanded = true,
expandIcon, expandIcon,
@ -119,27 +124,27 @@ export function TreeGroup(props: TreeGroupProps) {
return ( return (
<li <li
className={cssNames(classes?.root, styles.treeGroup)} className={cssNames(classes.root, styles.treeGroup)}
role="group" role="group"
data-testid={dataTestId} data-testid={dataTestId}
> >
<div <div
className={cssNames(classes?.group, styles.group)} className={cssNames(classes.group, styles.group)}
onClick={() => setExpanded(!expanded)} onClick={() => setExpanded(!expanded)}
> >
<div className={cssNames(classes?.iconContainer, styles.iconContainer)}> <div className={cssNames(classes.iconContainer, styles.iconContainer)}>
{ {
expanded expanded
? collapseIcon ?? <Icon material="expand_more" /> ? collapseIcon ?? <Icon material="expand_more" />
: expandIcon ?? <Icon material="chevron_right" /> : expandIcon ?? <Icon material="chevron_right" />
} }
</div> </div>
<div className={classes?.label}> <div className={classes.label}>
{label} {label}
</div> </div>
</div> </div>
<ul <ul
className={cssNames(classes?.contents, styles.contents, { className={cssNames(classes.contents, styles.contents, {
[styles.expanded]: expanded, [styles.expanded]: expanded,
})} })}
> >