Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-21 22:58:24 +00:00
Code Issues Projects Releases Wiki Activity

move available commands popover to command help

Browse Source
This commit is contained in:
zokutyou2@gmail.com 2021-07-15 19:30:21 +09:00
parent eec3c35cb1
commit 689fde87a2
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/js/__tests__/components/Command/__snapshots__/CommandSpec.js.snap
View File

@ -13,6 +13,27 @@ exports[`CommandBar Component 1`] = `
<div
class="command-result"
/>
<div
class="argument-suggestion popover top"
>
<div
class="arrow"
/>
<div
class="popover-content"
>
<div>
<strong>
Available Commands:
</strong>
<p
class="available-commands"
>
[]
</p>
</div>
</div>
</div>
<div
class="command-input input-group"
>
@ -30,11 +51,6 @@ exports[`CommandBar Component 1`] = `
value=""
/>
</div>
<div
class="available-commands popover bottom"
>
Available Commands: []
</div>
</div>
</DocumentFragment>
`;

8
web/src/js/components/CommandBar.tsx
View File

@ -14,7 +14,7 @@ function getAvailableCommands(commands, input = "") {
return availableCommands
}
export function CommandHelp({nextArgs, currentArg, help, description}){
export function CommandHelp({nextArgs, currentArg, help, description, availableCommands}){
let results = []
for (let i = 0; i < nextArgs.length; i++) {
if (i==currentArg) {
@ -26,9 +26,10 @@ export function CommandHelp({nextArgs, currentArg, help, description}){
return (<div className="argument-suggestion popover top">
<div className="arrow"/>
<div className="popover-content">
<div><strong>Argument suggestion:</strong> {results}</div>
{ results.length > 0 && <div><strong>Argument suggestion:</strong> {results}</div> }
{ help.includes("->") && <div><strong>Signature help: </strong>{help}</div>}
{ description && <div># {description}</div>}
<div><strong>Available Commands: </strong><p className="available-commands">{JSON.stringify(availableCommands)}</p></div>
</div>
</div>)
}
@ -151,7 +152,7 @@ export default function CommandBar() {
</div>
))}
</div>
{ signatureHelp && <CommandHelp nextArgs={nextArgs} currentArg={currentArg} help={signatureHelp} description={description}/> }
<CommandHelp nextArgs={nextArgs} currentArg={currentArg} help={signatureHelp} description={description} availableCommands={availableCommands} />
<div className={classnames('command-input input-group')}>
<span className="input-group-addon">
<i className={'fa fa-fw fa-terminal'}/>
@ -166,7 +167,6 @@ export default function CommandBar() {
onKeyUp={onKeyUp}
/>
</div>
<div className="available-commands popover bottom">Available Commands: {JSON.stringify(availableCommands)}</div>
</div>
)
}