chore: correctly export/import ui elements

19 files changed, 31 insertions, 31 deletions

diff --git a/src/components/ui/ImageUpload.tsx b/src/components/ui/ImageUpload.tsx
index c8a6cf54a..3a396f56c 100644
--- a/src/components/ui/ImageUpload.tsx
+++ b/src/components/ui/ImageUpload.tsx
@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import Dropzone from 'react-dropzone';
 import { mdiDelete, mdiFileImage } from '@mdi/js';
 import { isWindows } from '../../environment';
-import { Icon } from './icon';
+import Icon from './icon';
 
 type Props = {
   field: typeof Field;
diff --git a/src/components/ui/InfoBar.js b/src/components/ui/InfoBar.js
index e50e270bd..d73491da0 100644
--- a/src/components/ui/InfoBar.js
+++ b/src/components/ui/InfoBar.js
@@ -7,7 +7,7 @@ import { defineMessages, injectIntl } from 'react-intl';
 
 import { mdiClose } from '@mdi/js';
 import Appear from './effects/Appear';
-import { Icon } from './icon';
+import Icon from './icon';
 
 const messages = defineMessages({
   hide: {
diff --git a/src/components/ui/Infobox.js b/src/components/ui/Infobox.js
index e05d17742..8fb80d87f 100644
--- a/src/components/ui/Infobox.js
+++ b/src/components/ui/Infobox.js
@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import Loader from 'react-loader';
 import { defineMessages, injectIntl } from 'react-intl';
 import { mdiAlert, mdiCheckboxMarkedCircleOutline, mdiClose } from '@mdi/js';
-import { Icon } from '../ui/icon';
+import Icon from '../ui/icon';
 
 const icons = {
   'checkbox-marked-circle-outline': mdiCheckboxMarkedCircleOutline,
diff --git a/src/components/ui/Input.js b/src/components/ui/Input.js
index 77bae8101..ae14493ca 100644
--- a/src/components/ui/Input.js
+++ b/src/components/ui/Input.js
@@ -7,7 +7,7 @@ import { defineMessages, injectIntl } from 'react-intl';
 
 import { mdiEye, mdiEyeOff } from '@mdi/js';
 import { scorePassword as scorePasswordFunc } from '../../helpers/password-helpers';
-import { Icon } from './icon';
+import Icon from './icon';
 
 const messages = defineMessages({
   passwordToggle: {
diff --git a/src/components/ui/Modal/index.tsx b/src/components/ui/Modal/index.tsx
index c3c78b419..7407a686d 100644
--- a/src/components/ui/Modal/index.tsx
+++ b/src/components/ui/Modal/index.tsx
@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import injectCSS from 'react-jss';
 import { mdiClose } from '@mdi/js';
 
-import { Icon } from '../icon';
+import Icon from '../icon';
 import styles from './styles';
 
 type Props = {
diff --git a/src/components/ui/SearchInput.tsx b/src/components/ui/SearchInput.tsx
index 67ca469f0..6a8c4de8f 100644
--- a/src/components/ui/SearchInput.tsx
+++ b/src/components/ui/SearchInput.tsx
@@ -3,7 +3,7 @@ import { observer } from 'mobx-react';
 import classnames from 'classnames';
 import { debounce } from 'lodash';
 import { mdiCloseCircleOutline, mdiMagnify } from '@mdi/js';
-import { Icon } from './icon';
+import Icon from './icon';
 
 type Props = {
   value: string;
diff --git a/src/components/ui/Tabs/TabItem.tsx b/src/components/ui/Tabs/TabItem.tsx
index 9fcc3c41e..631586d62 100644
--- a/src/components/ui/Tabs/TabItem.tsx
+++ b/src/components/ui/Tabs/TabItem.tsx
@@ -1 +1 @@
-export const TabItem = ({ children }) => <>{children}</>;
+export default ({ children }) => <>{children}</>;
diff --git a/src/components/ui/badge/ProBadge.tsx b/src/components/ui/badge/ProBadge.tsx
index 410748a64..62c45b77c 100644
--- a/src/components/ui/badge/ProBadge.tsx
+++ b/src/components/ui/badge/ProBadge.tsx
@@ -4,8 +4,8 @@ import { Component } from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
 
 import { Theme } from '../../../themes';
-import { Icon } from '../icon';
-import { Badge } from './index';
+import Icon from '../icon';
+import Badge from './index';
 
 interface IProps extends WithStylesProps<typeof styles> {
   badgeClasses?: string;
diff --git a/src/components/ui/badge/index.tsx b/src/components/ui/badge/index.tsx
index a7ed866a5..33e2f5d53 100644
--- a/src/components/ui/badge/index.tsx
+++ b/src/components/ui/badge/index.tsx
@@ -67,4 +67,4 @@ class BadgeComponent extends Component<IProps> {
   }
 }
 
-export const Badge = injectStyle(styles, { injectTheme: true })(BadgeComponent);
+export default injectStyle(styles, { injectTheme: true })(BadgeComponent);
diff --git a/src/components/ui/error/index.tsx b/src/components/ui/error/index.tsx
index ff3bc31c6..01fb5ca27 100644
--- a/src/components/ui/error/index.tsx
+++ b/src/components/ui/error/index.tsx
@@ -17,4 +17,4 @@ class ErrorComponent extends Component<IProps> {
   }
 }
 
-export const Error = injectSheet(styles, { injectTheme: true })(ErrorComponent);
+export default injectSheet(styles, { injectTheme: true })(ErrorComponent);
diff --git a/src/components/ui/icon/index.tsx b/src/components/ui/icon/index.tsx
index 52f61d2d7..7e13b98c7 100644
--- a/src/components/ui/icon/index.tsx
+++ b/src/components/ui/icon/index.tsx
@@ -42,4 +42,4 @@ class IconComponent extends Component<IProps> {
   }
 }
 
-export const Icon = injectStyle(styles, { injectTheme: true })(IconComponent);
+export default injectStyle(styles, { injectTheme: true })(IconComponent);
diff --git a/src/components/ui/infobox/index.tsx b/src/components/ui/infobox/index.tsx
index 9635941cc..91ef88747 100644
--- a/src/components/ui/infobox/index.tsx
+++ b/src/components/ui/infobox/index.tsx
@@ -4,7 +4,7 @@ import { Component, ReactNode } from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
 
 import { Theme } from '../../../themes';
-import { Icon } from '../icon';
+import Icon from '../icon';
 
 interface IProps extends WithStylesProps<typeof styles> {
   icon?: string;
@@ -199,6 +199,6 @@ class InfoboxComponent extends Component<IProps, IState> {
   }
 }
 
-export const Infobox = injectStyle(styles, { injectTheme: true })(
+export default injectStyle(styles, { injectTheme: true })(
   InfoboxComponent,
 );
diff --git a/src/components/ui/input/index.tsx b/src/components/ui/input/index.tsx
index bfbee33b9..aa282cce0 100644
--- a/src/components/ui/input/index.tsx
+++ b/src/components/ui/input/index.tsx
@@ -6,9 +6,9 @@ import injectSheet, { WithStylesProps } from 'react-jss';
 
 import { IFormField } from '../typings/generic';
 
-import { Error } from '../error';
-import { Label } from '../label';
-import { Wrapper } from '../wrapper';
+import Error from '../error';
+import Label from '../label';
+import Wrapper from '../wrapper';
 import { scorePasswordFunc } from './scorePassword';
 
 import styles from './styles';
@@ -205,4 +205,4 @@ class InputComponent extends Component<IProps, IState> {
   }
 }
 
-export const Input = injectSheet(styles, { injectTheme: true })(InputComponent);
+export default injectSheet(styles, { injectTheme: true })(InputComponent);
diff --git a/src/components/ui/label/index.tsx b/src/components/ui/label/index.tsx
index dcc14bff4..5f5cc5c8e 100644
--- a/src/components/ui/label/index.tsx
+++ b/src/components/ui/label/index.tsx
@@ -50,4 +50,4 @@ class LabelComponent extends Component<ILabel> {
   }
 }
 
-export const Label = injectSheet(styles, { injectTheme: true })(LabelComponent);
+export default injectSheet(styles, { injectTheme: true })(LabelComponent);
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index d56995ccc..4d52f320e 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -41,6 +41,6 @@ class LoaderComponent extends Component<IProps> {
   }
 }
 
-export const Loader = injectStyle(styles, { injectTheme: true })(
+export default injectStyle(styles, { injectTheme: true })(
   LoaderComponent,
 );
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index ac509aa7c..c3b5314e3 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -11,9 +11,9 @@ import injectStyle, { WithStylesProps } from 'react-jss';
 import { Theme } from '../../../themes';
 import { IFormField } from '../typings/generic';
 
-import { Error } from '../error';
-import { Label } from '../label';
-import { Wrapper } from '../wrapper';
+import Error from '../error';
+import Label from '../label';
+import Wrapper from '../wrapper';
 
 interface IOptions {
   [index: string]: string;
diff --git a/src/components/ui/textarea/index.tsx b/src/components/ui/textarea/index.tsx
index 34ec4cf4b..e005767f8 100644
--- a/src/components/ui/textarea/index.tsx
+++ b/src/components/ui/textarea/index.tsx
@@ -4,9 +4,9 @@ import injectSheet, { WithStylesProps } from 'react-jss';
 
 import { IFormField } from '../typings/generic';
 
-import { Error } from '../error';
-import { Label } from '../label';
-import { Wrapper } from '../wrapper';
+import Error from '../error';
+import Label from '../label';
+import Wrapper from '../wrapper';
 
 import styles from './styles';
 
diff --git a/src/components/ui/toggle/index.tsx b/src/components/ui/toggle/index.tsx
index 856581a21..0629d1a2c 100644
--- a/src/components/ui/toggle/index.tsx
+++ b/src/components/ui/toggle/index.tsx
@@ -6,9 +6,9 @@ import injectStyle, { WithStylesProps } from 'react-jss';
 import { Theme } from '../../../themes';
 import { IFormField } from '../typings/generic';
 
-import { Error } from '../error';
-import { Label } from '../label';
-import { Wrapper } from '../wrapper';
+import Error from '../error';
+import Label from '../label';
+import Wrapper from '../wrapper';
 
 interface IProps
   extends InputHTMLAttributes<HTMLInputElement>,
@@ -122,6 +122,6 @@ class ToggleComponent extends Component<IProps> {
   }
 }
 
-export const Toggle = injectStyle(styles, { injectTheme: true })(
+export default injectStyle(styles, { injectTheme: true })(
   ToggleComponent,
 );
diff --git a/src/components/ui/wrapper/index.tsx b/src/components/ui/wrapper/index.tsx
index bc385d319..e7477a25c 100644
--- a/src/components/ui/wrapper/index.tsx
+++ b/src/components/ui/wrapper/index.tsx
@@ -33,6 +33,6 @@ class WrapperComponent extends Component<IProps> {
   }
 }
 
-export const Wrapper = injectStyle(styles, { injectTheme: true })(
+export default injectStyle(styles, { injectTheme: true })(
   WrapperComponent,
 );