From 065446f64fd5209ea46cf32ec4ae0f2a10751551 Mon Sep 17 00:00:00 2001
From: Brian Mann <brian.mann86@gmail.com>
Date: Wed, 7 Apr 2021 08:58:51 -0400
Subject: [PATCH] fix: make "New Spec File" a button link style (#15835)

---
 packages/desktop-gui/src/specs/specs-list.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/desktop-gui/src/specs/specs-list.jsx b/packages/desktop-gui/src/specs/specs-list.jsx
index 804c2b531013..03b3f8329364 100644
--- a/packages/desktop-gui/src/specs/specs-list.jsx
+++ b/packages/desktop-gui/src/specs/specs-list.jsx
@@ -151,7 +151,7 @@ class SpecsList extends Component {
             </Tooltip>
           </div>
           <div className='new-file-button'>
-            <button className='btn btn-primary' onClick={this._createNewFile.bind(this)}>New Spec File</button>
+            <button className='btn btn-link' onClick={this._createNewFile}><i className="fa fa-plus"></i> New Spec File</button>
           </div>
         </header>
         {this._specsList()}
@@ -289,7 +289,7 @@ class SpecsList extends Component {
     specsStore.toggleExpandSpecFolder(specFolderPath)
   }
 
-  _createNewFile (e) {
+  _createNewFile = (e) => {
     e.preventDefault()
     e.stopPropagation()
 
@@ -405,7 +405,7 @@ class SpecsList extends Component {
         <div className='empty-well'>
           <h5>
             No files found in
-            <code onClick={this._openIntegrationFolder.bind(this)}>
+            <code onClick={this._openIntegrationFolder}>
               {this.props.project.integrationFolder}
             </code>
           </h5>
@@ -425,7 +425,7 @@ class SpecsList extends Component {
       <div className="first-test-banner alert alert-info alert-dismissible">
         <p>We've created some sample tests around key Cypress concepts. Run the first one or create your own test file.</p>
         <p><a onClick={this._openHelp}>How to write tests</a></p>
-        <button className="close" onClick={this._removeFirstTestBanner.bind(this)}><span>&times;</span></button>
+        <button className="close" onClick={this._removeFirstTestBanner}><span>&times;</span></button>
       </div>
     )
   }
@@ -440,7 +440,7 @@ class SpecsList extends Component {
     )
   }
 
-  _openIntegrationFolder () {
+  _openIntegrationFolder = () => {
     ipc.openFinder(this.props.project.integrationFolder)
   }
 
@@ -449,7 +449,7 @@ class SpecsList extends Component {
     ipc.externalOpen('https://on.cypress.io/writing-first-test')
   }
 
-  _removeFirstTestBanner () {
+  _removeFirstTestBanner = () => {
     this.setState({ firstTestBannerDismissed: true })
   }
 }