No pointer when there's nothing to expand

Author: Brendan Abbott

src/components/Response/Response.js

@@ -35,7 +35,8 @@ export default class Response extends Component {
       <div className='response'>
         <div className={classNames('response-info', {
           success: successCode,
-          error: !successCode
+          error: !successCode,
+          'is-clickable': hasDetails
         })} onClick={hasDetails ? this.onClick : undefined}>
           {hasDetails && <Indicator status={status} />}
           <span className='response-code'>{code}</span>

src/components/Response/Response.scss

@@ -14,27 +14,20 @@ $red-dark: #e53935;
 }
 
 .response-info {
-  cursor: pointer;
   border: 1px solid $grey-dark;
   padding: 10px;
+
   .indicator {
     margin-right: 10px;
   }
 }
 
-.response-code {
-  padding-right: 20px;
-}
-
-.response-slide-toggle-appear,
-.response-slide-toggle-enter {
-  max-height: 0;
+.is-clickable {
+  cursor: pointer;
 }
 
-.response-slide-toggle-appear.response-slide-toggle-appear-active,
-.response-slide-toggle-enter.response-slide-toggle-enter-active {
-  max-height: 1500px;
-  transition: max-height 500ms ease-in;
+.response-code {
+  padding-right: 20px;
 }
 
 .success {