fix(plugins/plugin-client-common): in Popup mode, use > rather than / for prompt in bottom input

Fixes #4887

Author: starpit

plugins/plugin-client-common/src/components/Client/InputStripe.tsx

@@ -17,18 +17,21 @@
 import * as React from 'react'
 import { Tab as KuiTab, eventBus } from '@kui-shell/core'
 
+import KuiContext from './context'
 import Block from '../Views/Terminal/Block'
+import KuiConfiguration from './KuiConfiguration'
 import { InputOptions } from '../Views/Terminal/Block/Input'
 import BlockModel, { Active } from '../Views/Terminal/Block/BlockModel'
 
 import '../../../web/css/static/InputStripe.scss'
 
-type Props = InputOptions & {
-  tab?: KuiTab
+type Props = Partial<KuiConfiguration> &
+  InputOptions & {
+    tab?: KuiTab
 
-  /** tab uuid; this is grafted in for you, by TabContent */
-  uuid?: string
-}
+    /** tab uuid; this is grafted in for you, by TabContent */
+    uuid?: string
+  }
 
 interface State {
   idx: number
@@ -54,19 +57,21 @@ export default class InputStripe extends React.PureComponent<Props, State> {
 
   public render() {
     return (
-      <div className="kui--input-stripe repl">
-        <Block
-          idx={this.state.idx}
-          uuid={this.props.uuid}
-          tab={this.props.tab}
-          model={this.state.model}
-          noOutput
-          noPromptContext
-          promptPlaceholder={this.props.promptPlaceholder}
-        >
-          {this.props.children}
-        </Block>
-      </div>
+      <KuiContext.Provider value={{ prompt: this.props.prompt || '\u276f' }}>
+        <div className="kui--input-stripe repl">
+          <Block
+            idx={this.state.idx}
+            uuid={this.props.uuid}
+            tab={this.props.tab}
+            model={this.state.model}
+            noOutput
+            noPromptContext
+            promptPlaceholder={this.props.promptPlaceholder}
+          >
+            {this.props.children}
+          </Block>
+        </div>
+      </KuiContext.Provider>
     )
   }
 }

plugins/plugin-client-common/src/components/Views/Terminal/Block/Input.tsx

@@ -125,7 +125,9 @@ export abstract class InputProvider<S extends State = State> extends React.PureC
     return (
       !this.props.noPromptContext && (
         <KuiContext.Consumer>
-          {config => !config.noPromptContext && <span className="repl-context">{this.props.model.cwd}</span>}
+          {config =>
+            !config.noPromptContext && this.props.model && <span className="repl-context">{this.props.model.cwd}</span>
+          }
         </KuiContext.Consumer>
       )
     )