wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-13 12:40:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

replaced eslint:recommended with prettier

Browse Source
This commit is contained in:
Wyatt Johnson
2018-01-11 20:00:34 -07:00
parent d56c19016a
commit 0abc2ca243
649 changed files with 16235 additions and 13008 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-viewing-options/client/components/ViewingOptions.js
+14 -12
View File
@@ -1,15 +1,14 @@
import React from 'react';
import cn from 'classnames';
import styles from './ViewingOptions.css';
import {t} from 'plugin-api/beta/client/services';
import {Icon} from 'plugin-api/beta/client/components/ui';
import {ClickOutside} from 'plugin-api/beta/client/components';
import { t } from 'plugin-api/beta/client/services';
import { Icon } from 'plugin-api/beta/client/components/ui';
import { ClickOutside } from 'plugin-api/beta/client/components';
import Menu from './Menu';
class ViewingOptions extends React.Component {
toggleOpen = () => {
const {open, openMenu, closeMenu} = this.props;
const { open, openMenu, closeMenu } = this.props;
if (!open) {
openMenu();
} else {
@@ -18,25 +17,28 @@ class ViewingOptions extends React.Component {
};
handleClickOutside = () => {
const {open, closeMenu} = this.props;
const { open, closeMenu } = this.props;
if (open) {
closeMenu();
}
};
render() {
const {open, data, root, asset} = this.props;
const { open, data, root, asset } = this.props;
return (
<ClickOutside onClickOutside={this.handleClickOutside}>
<div className={cn([styles.root, 'talk-plugin-viewing-options'])}>
<div>
<button className={styles.button} onClick={this.toggleOpen}>
<Icon className={styles.icon} name="filter_list" />
<span className={styles.label}>{t('talk-plugin-viewing-options.viewing_options')}</span>
{open
? <Icon name="arrow_drop_up" className={styles.arrowIcon}/>
: <Icon name="arrow_drop_down" className={styles.arrowIcon}/>
}
<span className={styles.label}>
{t('talk-plugin-viewing-options.viewing_options')}
</span>
{open ? (
<Icon name="arrow_drop_up" className={styles.arrowIcon} />
) : (
<Icon name="arrow_drop_down" className={styles.arrowIcon} />
)}
</button>
</div>
{open && <Menu data={data} root={root} asset={asset} />}