make panels collapsible

src/components/HTTPFetchView.jsx

@@ -117,7 +117,7 @@ class Component extends PureComponent {
 
 
     return (
-      <Panel header="HTTP Client using OAuth Access Token" eventKey="1" collapsible={true} expanded={true}>
+      <Panel header="HTTP Client using OAuth Access Token" eventKey="1" collapsible={true} defaultExpanded={true}>
 
         {userinfo}
 

src/components/HTTPResponseView.jsx

@@ -85,7 +85,7 @@ class Component extends PureComponent {
 
 
     return (
-      <Panel header="HTTP Response" eventKey="1" collapsible={true} expanded={true}>
+      <Panel header="HTTP Response" eventKey="1" collapsible={true} defaultExpanded={true}>
         <div>
           <p><code>GET</code> request to <code>{this.props.http.url}</code></p>
           { loading }

src/components/HostnameInput.jsx

@@ -61,7 +61,7 @@ class Component extends PureComponent {
     }
 
     return (
-      <Panel header="OAuth Service Discovery" eventKey="1" collapsible={true} expanded={true}>
+      <Panel header="OAuth Service Discovery" eventKey="1" collapsible={true} defaultExpanded={true}>
         <FormGroup
           className="gutter"
           controlId="formBasicText"

src/components/ServerConfigInput.jsx

@@ -82,7 +82,7 @@ class Component extends PureComponent {
 
     let expanded = !!this.props.serverConfig
     return (
-      <Panel header="OAuth Server Configuration" eventKey="2" collapsible={true} expanded={expanded}>
+      <Panel header="OAuth Server Configuration" eventKey="2" collapsible={true} defaultExpanded={expanded}>
         <form>
           <h4>OAuth Authorization endpoint</h4>
           <FormGroup>

src/components/TokenView.jsx

@@ -48,7 +48,7 @@ class Component extends PureComponent {
     }
 
     return (
-      <Panel header="Access Token" eventKey="1" collapsible={true} expanded={true}>
+      <Panel header="Access Token" eventKey="1" collapsible={true} defaultExpanded={true}>
 
         <p>This access token expires {extxt}</p>
         <pre>{this.props.tokenstring}</pre>