fix: implement profile selection change in new ProfileExplorer

Fixes #425

Author: starpit

plugins/plugin-codeflare/src/components/ProfileExplorer.tsx

@@ -73,6 +73,11 @@ export default class ProfileExplorer extends React.PureComponent<Props, State> {
     this.init()
   }
 
+  private readonly _handleProfileSelection = (selectedProfile: string) => {
+    this.setState({ selectedProfile })
+    emitSelectProfile(selectedProfile)
+  }
+
   private readonly _handleBoot = () => handleBoot(this.state.selectedProfile)
   private readonly _handleShutdown = () => handleShutdown(this.state.selectedProfile)
 
@@ -206,7 +211,11 @@ export default class ProfileExplorer extends React.PureComponent<Props, State> {
       return (
         <Flex className="codeflare--profile-explorer flex-fill" direction={{ default: "column" }}>
           <FlexItem>
-            <ProfileSelect selectedProfile={this.state.selectedProfile} profiles={this.state.profiles} />
+            <ProfileSelect
+              selectedProfile={this.state.selectedProfile}
+              profiles={this.state.profiles}
+              onSelect={this._handleProfileSelection}
+            />
           </FlexItem>
 
           <FlexItem>

plugins/plugin-codeflare/src/components/ProfileSelect.tsx

@@ -23,6 +23,7 @@ import { UserIcon } from "@patternfly/react-icons"
 type Props = {
   selectedProfile?: string
   profiles?: Profiles.Profile[]
+  onSelect: (profile: string) => void
 }
 
 type State = {
@@ -67,6 +68,7 @@ export default class ProfileSelect extends React.PureComponent<Props, State> {
         selectDefaultOption: selection,
         selectIsOpen: false,
       })
+      this.props.onSelect(selection.toString())
     }
   }