feat(editor): replace component Link with local LinkHome

* removes component dependency from swagger-ui for testing purposes

* simplified home logo link

* disabled accessibility warnings (for now)

Author: tim-lai

src/plugins/standalone/index.js

@@ -3,6 +3,7 @@
 
 import TopbarPlugin from '../topbar';
 // import TopbarInsertPlugin from './topbar-insert';
+import LinkHome from '../topbar/components/LinkHome';
 import DropdownMenu from '../topbar/components/DropdownMenu';
 import DropdownItem from '../topbar/components/DropdownItem';
 import FileMenuDropdown from '../topbar/components/FileMenuDropdown';
@@ -14,6 +15,7 @@ const StandalonePlugin = () => {
   return {
     components: {
       StandaloneLayout,
+      LinkHome,
       DropdownMenu,
       DropdownItem,
       FileMenuDropdown,

src/plugins/topbar/components/LinkHome.jsx

@@ -0,0 +1,17 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+/* eslint-disable jsx-a11y/anchor-has-content */
+import React, { PureComponent } from 'react';
+
+import Logo from '../assets/logo_small.svg';
+
+export default class LinkHome extends PureComponent {
+  render() {
+    return (
+      <div>
+        <a href="/" rel="noopener noreferrer" className="link">
+          <img height="35" className="topbar-logo__img" src={Logo} alt="" />
+        </a>
+      </div>
+    );
+  }
+}

src/plugins/topbar/components/Topbar.jsx

@@ -6,11 +6,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Logo from '../assets/logo_small.svg';
-// import FileMenuDropdown from './topbar-file-menu'; // this works to, but then not available as getComponent
-// import DropdownMenu from './topbar-dropdown/DropdownMenu'; // this works to, but then not available as getComponent
-// import DropdownMenuItem from './topbar-dropdown/DropdownMenuItem'; // this works to, but then not available as getComponent
-
 export default class Topbar extends Component {
   constructor(props, context) {
     super(props, context);
@@ -98,8 +93,8 @@ export default class Topbar extends Component {
   render() {
     const { servers, clients } = this.state;
     const { getComponent, topbarActions } = this.props;
-    // Link (to swagger) | each top-level DropdownMenu
-    const Link = getComponent('Link'); // via swagger-ui
+
+    const LinkHome = getComponent('LinkHome');
     const DropdownMenu = getComponent('DropdownMenu');
     const DropdownItem = getComponent('DropdownItem');
     const FileMenuDropdown = getComponent('FileMenuDropdown');
@@ -109,9 +104,7 @@ export default class Topbar extends Component {
       <div className="swagger-editor-standalone">
         <div className="topbar">
           <div className="topbar-wrapper">
-            <Link href="/">
-              <img height="35" className="topbar-logo__img" src={Logo} alt="" />
-            </Link>
+            <LinkHome />
             <FileMenuDropdown getComponent={getComponent} topbarActions={topbarActions} />
             <EditMenuDropdown getComponent={getComponent} topbarActions={topbarActions} />
             <DropdownMenu displayName="Generate Server">