the error in the profile is completed now we can use tab properly

Author: ft4bhi

public/js/5.js

@@ -12,15 +12,15 @@
  *  Copyright (c) 2014-2019. All rights reserved.
  */
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import DropdownTrigger from 'components/Dropdown/DropdownTrigger'
-import Dropdown from 'components/Dropdown'
-import SpinLoader from 'components/SpinLoader'
-import clsx from 'clsx'
+import React from 'react';
+import PropTypes from 'prop-types';
+import DropdownTrigger from 'components/Dropdown/DropdownTrigger';
+import Dropdown from 'components/Dropdown';
+import SpinLoader from 'components/SpinLoader';
+import clsx from 'clsx';
 
 class TruCard extends React.Component {
-  render () {
+  render() {
     return (
       <div
         className={clsx(
@@ -44,18 +44,18 @@ class TruCard extends React.Component {
         >
           {this.props.showMoveHandle && (
             <div style={{ cursor: 'move', position: 'absolute', top: 2, right: 8 }}>
-              <i className='material-icons'>drag_handle</i>
+              <i className="material-icons">drag_handle</i>
             </div>
           )}
           {this.props.header && (
             <div className={'tru-card-head ' + (this.props.extraHeadClass || '')}>
               {this.props.menu && (
                 <div className={'tru-card-head-menu'}>
                   <DropdownTrigger pos={'bottom-right'} mode={'click'}>
-                    <i className='material-icons tru-icon'>more_vert</i>
+                    <i className="material-icons tru-icon">more_vert</i>
                     <Dropdown small={true}>
-                      {this.props.menu.map(child => {
-                        return child
+                      {this.props.menu.map((child) => {
+                        return child;
                       })}
                     </Dropdown>
                   </DropdownTrigger>
@@ -71,7 +71,7 @@ class TruCard extends React.Component {
           </div>
         </div>
       </div>
-    )
+    );
   }
 }
 
@@ -87,16 +87,16 @@ TruCard.propTypes = {
   showMoveHandle: PropTypes.bool,
   style: PropTypes.object,
   animateLoader: PropTypes.bool,
-  animateDelay: PropTypes.number
-}
+  animateDelay: PropTypes.number,
+};
 
 TruCard.defaultProps = {
   loaderActive: false,
   hover: true,
   fullSize: true,
   showMoveHandle: false,
   animateLoader: false,
-  animateDelay: 600
-}
+  animateDelay: 600,
+};
 
-export default TruCard
+export default TruCard;

public/js/5.js.gz

@@ -11,13 +11,13 @@
  *  Copyright (c) 2014-2019 Trudesk, Inc. All rights reserved.
  */
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import clsx from 'clsx'
+import React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 
 class TruTabSection extends React.Component {
-  render () {
-    const { sectionId, active } = this.props
+  render() {
+    const { sectionId, active } = this.props;
     return (
       <div
         className={clsx('tru-tab-section', !active && 'hidden')}
@@ -26,18 +26,18 @@ class TruTabSection extends React.Component {
       >
         {this.props.children}
       </div>
-    )
+    );
   }
 }
 
 TruTabSection.propTypes = {
   sectionId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
   active: PropTypes.bool.isRequired,
-  style: PropTypes.object
-}
+  style: PropTypes.object,
+};
 
 TruTabSection.defaultProps = {
-  active: false
-}
+  active: false,
+};
 
-export default TruTabSection
+export default TruTabSection;

src/client/components/TruCard/index.jsx

@@ -11,28 +11,28 @@
  *  Copyright (c) 2014-2019 Trudesk, Inc. All rights reserved.
  */
 
-import React, { Fragment } from 'react'
-import PropTypes from 'prop-types'
-import clsx from 'clsx'
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 
 class TruTabSelector extends React.Component {
-  render () {
-    const { label, active, selectorId, showBadge, badgeText } = this.props
+  render() {
+    const { label, active, selectorId, showBadge, badgeText } = this.props;
     return (
       <Fragment>
         <a
           role={'button'}
           className={clsx('tru-tab-selector no-ajaxy', active && 'active')}
           data-tabid={selectorId}
-          onClick={e => e.preventDefault()}
-          href='#'
+          onClick={(e) => e.preventDefault()}
+          href="#"
           tabIndex={0}
         >
           {label}
-          {showBadge && <span className='uk-badge uk-badge-grey uk-badge-small'>{badgeText}</span>}
+          {showBadge && <span className="uk-badge uk-badge-grey uk-badge-small">{badgeText}</span>}
         </a>
       </Fragment>
-    )
+    );
   }
 }
 
@@ -41,12 +41,12 @@ TruTabSelector.propTypes = {
   active: PropTypes.bool,
   selectorId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
   showBadge: PropTypes.bool,
-  badgeText: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-}
+  badgeText: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
 
 TruTabSelector.defaultProps = {
   active: false,
-  showBadge: false
-}
+  showBadge: false,
+};
 
-export default TruTabSelector
+export default TruTabSelector;

src/client/components/TruTabs/TruTabSection.jsx

@@ -11,35 +11,35 @@
  *  Copyright (c) 2014-2019 Trudesk, Inc. All rights reserved.
  */
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import helpers from 'lib/helpers'
+import React from 'react';
+import PropTypes from 'prop-types';
+import helpers from 'lib/helpers';
 
 class TruTabSelectors extends React.Component {
-  componentDidMount () {
-    helpers.setupTruTabs(document.querySelectorAll('.tru-tab-selectors > .tru-tab-selector'))
+  componentDidMount() {
+    helpers.setupTruTabs(document.querySelectorAll('.tru-tab-selectors > .tru-tab-selector'));
   }
 
-  render () {
-    const { children, showTrack } = this.props
+  render() {
+    const { children, showTrack } = this.props;
     return (
-      <div className='tru-tab-selectors' style={this.props.style} ref={r => (this.selectors = r)}>
+      <div className="tru-tab-selectors" style={this.props.style} ref={(r) => (this.selectors = r)}>
         {children}
 
-        <span className='tru-tab-highlighter' />
-        {showTrack && <span className='tru-tab-hr tru-tab-hr-lighten' />}
+        <span className="tru-tab-highlighter" />
+        {showTrack && <span className="tru-tab-hr tru-tab-hr-lighten" />}
       </div>
-    )
+    );
   }
 }
 
 TruTabSelectors.propTypes = {
   showTrack: PropTypes.bool,
-  style: PropTypes.object
-}
+  style: PropTypes.object,
+};
 
 TruTabSelectors.defaultProps = {
-  showTrack: true
-}
+  showTrack: true,
+};
 
-export default TruTabSelectors
+export default TruTabSelectors;

src/client/components/TruTabs/TruTabSelector.jsx

@@ -11,22 +11,22 @@
  *  Copyright (c) 2014-2019 Trudesk, Inc. All rights reserved.
  */
 
-import React from 'react'
-import PropTypes from 'prop-types'
+import React from 'react';
+import PropTypes from 'prop-types';
 
 class TruTabWrapper extends React.Component {
-  render () {
+  render() {
     return (
-      <div className='tru-tabs uk-clearfix' style={this.props.style || { padding: '20px 0' }}>
+      <div className="tru-tabs uk-clearfix" style={this.props.style || { padding: '20px 0' }}>
         {this.props.children}
       </div>
-    )
+    );
   }
 }
 
 TruTabWrapper.propTypes = {
   style: PropTypes.object,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-}
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+};
 
-export default TruTabWrapper
+export default TruTabWrapper;