8 files changed, 21 insertions, 33 deletions

diff --git a/src/components/ui/AppLoader/index.tsx b/src/components/ui/AppLoader/index.tsx
index f4d9b8e73..64c840aaa 100644
--- a/src/components/ui/AppLoader/index.tsx
+++ b/src/components/ui/AppLoader/index.tsx
@@ -61,18 +61,17 @@ class AppLoader extends Component<IProps, IState> {
         className={classes.component}
         spinnerColor={theme.colorAppLoaderSpinner}
       >
-        {texts &&
-          texts.map((text, i) => (
-            <span
-              key={text}
-              className={classnames({
-                [`${classes.slogan}`]: true,
-                [`${classes.visible}`]: step === i,
-              })}
-            >
-              {text}
-            </span>
-          ))}
+        {texts?.map((text, i) => (
+          <span
+            key={text}
+            className={classnames({
+              [`${classes.slogan}`]: true,
+              [`${classes.visible}`]: step === i,
+            })}
+          >
+            {text}
+          </span>
+        ))}
       </FullscreenLoader>
     );
   }
diff --git a/src/components/ui/Link.tsx b/src/components/ui/Link.tsx
index b5890ebd1..a9a429d3a 100644
--- a/src/components/ui/Link.tsx
+++ b/src/components/ui/Link.tsx
@@ -20,10 +20,6 @@ interface IProps extends Partial<StoresProps> {
 @inject('stores')
 @observer
 class Link extends Component<IProps> {
-  constructor(props: IProps) {
-    super(props);
-  }
-
   onClick(e: MouseEvent<HTMLAnchorElement>): void {
     const { disabled = false, target = '', to } = this.props;
     if (disabled) {
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index 8ae2945ce..a2ed4216f 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -24,10 +24,6 @@ class Select extends Component<IProps> {
   private element: RefObject<HTMLSelectElement> =
     createRef<HTMLSelectElement>();
 
-  constructor(props: IProps) {
-    super(props);
-  }
-
   multipleChange(e: ChangeEvent<HTMLSelectElement>): void {
     e.preventDefault();
     if (!this.element.current) {
diff --git a/src/components/ui/Tabs/Tabs.tsx b/src/components/ui/Tabs/Tabs.tsx
index 2c34d7e24..d7f75c8b8 100644
--- a/src/components/ui/Tabs/Tabs.tsx
+++ b/src/components/ui/Tabs/Tabs.tsx
@@ -41,6 +41,7 @@ class Tab extends Component<IProps, IState> {
         <div className="content-tabs__tabs">
           {Children.map(children, (child, i) => (
             <button
+              // eslint-disable-next-line react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
@@ -56,6 +57,7 @@ class Tab extends Component<IProps, IState> {
         <div className="content-tabs__content">
           {Children.map(children, (child, i) => (
             <div
+              // eslint-disable-next-line react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
diff --git a/src/components/ui/WebviewLoader/index.tsx b/src/components/ui/WebviewLoader/index.tsx
index 81923b6ca..c4e9c724c 100644
--- a/src/components/ui/WebviewLoader/index.tsx
+++ b/src/components/ui/WebviewLoader/index.tsx
@@ -32,7 +32,7 @@ class WebviewLoader extends Component<IProps> {
     return (
       <FullscreenLoader
         className={classes.component}
-        title={`${intl.formatMessage(messages.loading, { service: name })}`}
+        title={intl.formatMessage(messages.loading, { service: name })}
         loaded={loaded}
       />
     );
diff --git a/src/components/ui/colorPickerInput/index.tsx b/src/components/ui/colorPickerInput/index.tsx
index 9bab6efec..2367175bd 100644
--- a/src/components/ui/colorPickerInput/index.tsx
+++ b/src/components/ui/colorPickerInput/index.tsx
@@ -25,7 +25,7 @@ class ColorPickerInput extends Component<IProps> {
 
   componentDidMount(): void {
     const { focus = false } = this.props;
-    if (focus && this.inputElement && this.inputElement.current) {
+    if (focus && this.inputElement?.current) {
       this.inputElement.current.focus();
     }
   }
diff --git a/src/components/ui/headline/index.tsx b/src/components/ui/headline/index.tsx
index bebd8adcf..424190a6a 100644
--- a/src/components/ui/headline/index.tsx
+++ b/src/components/ui/headline/index.tsx
@@ -67,12 +67,11 @@ class HeadlineComponent extends Component<IProps> {
 }
 
 const Headline = injectStyle(styles, { injectTheme: true })(HeadlineComponent);
-const createH = (level: number) => (props: Omit<IProps, 'classes'>) =>
-  (
-    <Headline level={level} {...props}>
-      {props.children}
-    </Headline>
-  );
+const createH = (level: number) => (props: Omit<IProps, 'classes'>) => (
+  <Headline level={level} {...props}>
+    {props.children}
+  </Headline>
+);
 
 export const H1 = createH(1);
 export const H2 = createH(2);
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 017de5423..902eb7748 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -301,11 +301,7 @@ class SelectComponent extends Component<IProps, IState> {
         this.select(Object.keys(options!)[selected]);
       }
 
-      if (
-        this.activeOptionRef?.current &&
-        this.scrollContainerRef &&
-        this.scrollContainerRef.current
-      ) {
+      if (this.activeOptionRef?.current && this.scrollContainerRef?.current) {
         const containerTopOffset = this.scrollContainerRef.current.offsetTop;
         const optionTopOffset = this.activeOptionRef.current.offsetTop;