format

Author: Kadinvanvalin

packages/visual-stack/src/components/TopNav/CjSupportLink.js

@@ -21,10 +21,16 @@ export const CjSupportLink = ({ className, title, link, ...restProps }) => {
           align="center"
           className="vs-topnav-action"
         >
-          <Text id="topnav-help-icon" className="vs-topnav-action vs-topnav-text">
+          <Text
+            id="topnav-help-icon"
+            className="vs-topnav-action vs-topnav-text"
+          >
             <InformationOutlineIcon />
           </Text>
-          <Text id="topnav-help-title" className="vs-topnav-action vs-topnav-text">
+          <Text
+            id="topnav-help-title"
+            className="vs-topnav-action vs-topnav-text"
+          >
             {title}
           </Text>
         </Box>

packages/visual-stack/src/components/TopNav/TopNav.js

@@ -4,28 +4,25 @@ import CJLogo from '../../components/CJLogo';
 import PropTypes from 'prop-types';
 
 export const TopNav = ({
-                         className,
-                         title,
-                         subtitle,
-                         actionChildren,
-                         children,
-                         contentSize,
-                         ...restProps
-                       }) => {
-
+  className,
+  title,
+  subtitle,
+  actionChildren,
+  children,
+  contentSize,
+  ...restProps
+}) => {
   return (
     <div {...restProps} className={cn(`vs-topnav`, className)}>
       <div className="vs-topnav-header vs-topnav-page-title">
         <div className="vs-topnav-logo-title-container">
           <div className="vs-topnav-logo-container">
-            <span>{<CJLogo/>}</span>
+            <span>{<CJLogo />}</span>
           </div>
           <h1 className="vs-topnav-title">{title}</h1>
         </div>
-        {subtitle ? <div className={"vs-topnav-text"}>{subtitle}</div> : ""}
-        <div className="vs-topnav-button-bar">
-          {actionChildren}
-        </div>
+        {subtitle ? <div className={'vs-topnav-text'}>{subtitle}</div> : ''}
+        <div className="vs-topnav-button-bar">{actionChildren}</div>
       </div>
       <div
         className={cn(

packages/visual-stack/src/components/TopNav/tests/index.test.js

@@ -75,9 +75,9 @@ describe('CjSupportLink', () => {
     const wrapper = mount(<CjSupportLink title="title" link="link" />);
     expect(wrapper.find(CjSupportLink).prop('title')).toBe('title');
     expect(wrapper.find(CjSupportLink).prop('link')).toBe('link');
-    expect(wrapper.find('.vs-topnav-action.vs-topnav-text>#topnav-help-title').text()).toEqual(
-      'title'
-    );
+    expect(
+      wrapper.find('.vs-topnav-action.vs-topnav-text>#topnav-help-title').text()
+    ).toEqual('title');
     expect(wrapper.find('.vs-cj-support-link-container').props().href).toEqual(
       'link'
     );