fix: clean up ProfileExplorer by avoiding singleton Card UI

Author: starpit

Diff for: plugins/plugin-codeflare/src/components/ProfileExplorer.tsx

@@ -218,7 +218,7 @@ export default class ProfileExplorer extends React.PureComponent<Props, State> {
       return <Loading />
     } else {
       return (
-        <div className="codeflare--profile-explorer flex-fill top-pad left-pad right-pad bottom-pad">
+        <div className="codeflare--profile-explorer flex-fill">
           <ProfileCard
             profile={this.state.selectedProfile}
             profiles={this.state.profiles}
@@ -548,7 +548,7 @@ class ProfileCard extends React.PureComponent<ProfileCardProps, ProfileCardState
 
   public render() {
     return (
-      <Card className="top-pad left-pad right-pad bottom-pad" isSelectableRaised isSelected>
+      <Card>
         <CardHeader>
           <CardTitle>{this.title()}</CardTitle>
           <CardActions hasNoOffset>{this.actions()}</CardActions>

Diff for: plugins/plugin-codeflare/src/controller/terminal.tsx

@@ -55,7 +55,7 @@ type State = Partial<Pick<BaseProps, "cmdline" | "env">> & {
   selectedProfile?: string
 }
 
-class TaskTerminal extends React.PureComponent<Props, State> {
+export class TaskTerminal extends React.PureComponent<Props, State> {
   /** Allotment initial split sizes */
   private readonly sizes = [40, 60]
 

Diff for: plugins/plugin-codeflare/src/index.ts

@@ -15,3 +15,5 @@
  */
 
 /* Your exported API */
+
+export { TaskTerminal as WorkloadDesigner } from "./controller/terminal"