Changeset View
Changeset View
Standalone View
Standalone View
web/sidebar/community-drawer-item.react.js
Show First 20 Lines • Show All 99 Lines • ▼ Show 20 Lines | function CommunityDrawerItem(props: DrawerItemProps): React.Node { | ||||
]); | ]); | ||||
const [handler, setHandler] = React.useState({ | const [handler, setHandler] = React.useState({ | ||||
// eslint-disable-next-line no-unused-vars | // eslint-disable-next-line no-unused-vars | ||||
onClick: event => {}, | onClick: event => {}, | ||||
}); | }); | ||||
const { uiName } = useResolvedThreadInfo(threadInfo); | const { uiName } = useResolvedThreadInfo(threadInfo); | ||||
const titleLabel = classnames(css.title, css[labelStyle]); | const titleLabel = classnames({ | ||||
[css[labelStyle]]: true, | |||||
[css.activeTitle]: handler.isActive, | |||||
}); | |||||
const style = React.useMemo(() => ({ paddingLeft }), [paddingLeft]); | const style = React.useMemo(() => ({ paddingLeft }), [paddingLeft]); | ||||
const threadEntry = classnames({ | const threadEntry = classnames({ | ||||
[css.threadEntry]: true, | [css.threadEntry]: true, | ||||
[css.active]: handler.isActive, | [css.active]: handler.isActive, | ||||
}); | }); | ||||
return ( | return ( | ||||
▲ Show 20 Lines • Show All 47 Lines • Show Last 20 Lines |