ci: lint for ui

packages/ui-default/components/messagepad/reducers/dialogues.js

@@ -4,11 +4,11 @@ export default function reducer(state = {}, action) {
   switch (action.type) {
   case 'DIALOGUES_LOAD_DIALOGUES_FULFILLED': {
     const { messages } = action.payload;
-    return {...state, ..._.keyBy(messages, 'udoc._id')};
+    return { ...state, ..._.keyBy(messages, 'udoc._id') };
   }
   case 'DIALOGUES_CREATE': {
     const { user } = action.payload;
-    if (state[user._id]) return state
+    if (state[user._id]) return state;
     return {
       ...state,
       [user._id]: {

packages/ui-default/components/monaco/nls.js

@@ -40,10 +40,10 @@ export function setLocaleData(data) {
   CURRENT_LOCALE_DATA = data;
 }
 
-export function loadMessageBundle(file) {
+export function loadMessageBundle() {
   return localize;
 }
 
-export function config(opt) {
+export function config() {
   return loadMessageBundle;
 }

packages/ui-default/components/react/DomComponent.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class DomComponent extends React.PureComponent {
-  componentDidMount() {
-    this.refs.dom.appendChild(this.props.childDom);
-  }
-
-  componentWillUnmount() {
-    $(this.refs.dom).empty();
-  }
-
-  render() {
-    const {
-      childDom,
-      ...rest
-    } = this.props;
-    return (
-      <div {...rest} ref="dom"></div>
-    );
-  }
-}
-
-DomComponent.propTypes = {
-  childDom: PropTypes.instanceOf(HTMLElement).isRequired,
-};

packages/ui-default/components/react/DomComponent.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { omit } from 'lodash';
+
+export default function DomComponent(props: React.HTMLAttributes<HTMLDivElement> & { childDom: HTMLElement }) {
+  const ref = React.useRef<HTMLDivElement>();
+  React.useEffect(() => {
+    ref.current.appendChild(props.childDom);
+    return () => {
+      $(ref.current).empty();
+    };
+  });
+  return <div {...omit(props, 'childDom')} ref={ref}></div>;
+}