Page MenuHomePhorge
Files F32177670

D8306.1765069864.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D8306.1765069864.diff
View Options

diff --git a/web/components/menu-item.react.js b/web/components/menu-item.react.js
--- a/web/components/menu-item.react.js
+++ b/web/components/menu-item.react.js
@@ -10,25 +10,36 @@
import Button from './button.react.js';
import css from './menu.css';
-type MenuItemProps = {
+type MenuItemPropsBase = {
+onClick?: () => mixed,
- +icon: Icon,
+text: string,
+dangerous?: boolean,
};
+type MenuItemProps =
+ | {
+ ...MenuItemPropsBase,
+ +icon: Icon,
+ }
+ | {
+ ...MenuItemPropsBase,
+ +iconComponent: React.Node,
+ };
function MenuItem(props: MenuItemProps): React.Node {
- const { onClick, icon, text, dangerous } = props;
+ const { onClick, icon, iconComponent, text, dangerous } = props;
const itemClasses = classNames(css.menuAction, {
[css.menuActionDangerous]: dangerous,
});
+ let menuItemIcon = iconComponent;
+ if (icon) {
+ menuItemIcon = <SWMansionIcon size="100%" icon={icon} />;
+ }
+
return (
<Button className={itemClasses} onClick={onClick}>
- <div className={css.menuActionIcon}>
- <SWMansionIcon size="100%" icon={icon} />
- </div>
+ <div className={css.menuActionIcon}>{menuItemIcon}</div>
<div>{text}</div>
</Button>
);
diff --git a/web/components/menu.css b/web/components/menu.css
--- a/web/components/menu.css
+++ b/web/components/menu.css
@@ -12,6 +12,7 @@
flex-direction: column;
background-color: var(--menu-bg);
color: var(--menu-color);
+ stroke: var(--menu-color);
border-radius: 4px;
padding: 4px 0;
line-height: var(--line-height-text);
@@ -28,6 +29,7 @@
font-size: var(--xs-font-12);
background-color: var(--menu-bg-light);
color: var(--menu-color-light);
+ stroke: var(--menu-color-light);
top: 0;
right: 5px;
}
@@ -36,6 +38,7 @@
font-size: var(--m-font-16);
background-color: var(--menu-bg-light);
color: var(--menu-color);
+ stroke: var(--menu-color);
top: 24px;
}
@@ -50,6 +53,7 @@
button.menuAction:hover {
color: var(--menu-color-hover);
+ stroke: var(--menu-color-hover);
}
div.menuActionIcon {
@@ -67,9 +71,11 @@
button.menuActionDangerous {
color: var(--menu-color-dangerous);
+ stroke: var(--menu-color-dangerous);
}
button.menuActionDangerous:hover {
color: var(--menu-color-dangerous-hover);
+ stroke: var(--menu-color-dangerous-hover);
}
hr.separator {

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 1:11 AM (7 h, 53 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5840764
Default Alt Text
D8306.1765069864.diff (2 KB)

Event Timeline