wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-15 12:55:10 +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/Category.js
+8 -4
View File
@@ -1,10 +1,14 @@
import React from 'react';
import styles from './Category.css';
import {Slot} from 'plugin-api/beta/client/components';
import { Slot } from 'plugin-api/beta/client/components';
const childFactory = (child) => <li className={styles.listItem} key={child.key}>{child}</li>;
const childFactory = child => (
<li className={styles.listItem} key={child.key}>
{child}
</li>
);
const ViewingOptions = ({slot, title, data, asset, root}) => {
const ViewingOptions = ({ slot, title, data, asset, root }) => {
return (
<div className={styles.root}>
<div className={styles.title}>{title}</div>
@@ -14,7 +18,7 @@ const ViewingOptions = ({slot, title, data, asset, root}) => {
className={styles.list}
component={'ul'}
data={data}
queryData={{asset, root}}
queryData={{ asset, root }}
/>
</div>
);
plugins/talk-plugin-viewing-options/client/components/Menu.js
+14 -13
View File
@@ -1,10 +1,10 @@
import React from 'react';
import cn from 'classnames';
import styles from './Menu.css';
import {capitalize} from 'plugin-api/beta/client/utils';
import {IfSlotIsNotEmpty} from 'plugin-api/beta/client/components';
import { capitalize } from 'plugin-api/beta/client/utils';
import { IfSlotIsNotEmpty } from 'plugin-api/beta/client/components';
import Category from './Category';
import {t} from 'plugin-api/beta/client/services';
import { t } from 'plugin-api/beta/client/services';
class Menu extends React.Component {
categories = {
@@ -15,16 +15,17 @@ class Menu extends React.Component {
render() {
return (
<div className={cn([styles.menu, 'talk-plugin-viewing-options-menu'])}>
{
Object.keys(this.categories).map((category) =>
<IfSlotIsNotEmpty slot={`viewingOptions${capitalize(category)}`} key={category}>
<Category
slot={`viewingOptions${capitalize(category)}`}
title={this.categories[category]}
/>
</IfSlotIsNotEmpty>
)
}
{Object.keys(this.categories).map(category => (
<IfSlotIsNotEmpty
slot={`viewingOptions${capitalize(category)}`}
key={category}
>
<Category
slot={`viewingOptions${capitalize(category)}`}
title={this.categories[category]}
/>
</IfSlotIsNotEmpty>
))}
</div>
);
}
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} />}