Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-02 18:39:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

InfoMessage conmponent no longer needed

Browse Source
This commit is contained in:
Red Adaya 2024-02-06 10:09:01 +08:00
parent 8988d26867
commit abf3448f07
5 changed files with 25 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/app/common/elements/infomessage.less
View File

31
src/app/common/elements/infomessage.tsx
View File

@ -1,31 +0,0 @@
// Copyright 2023, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0
import * as React from "react";
import * as mobxReact from "mobx-react";
import { ReactComponent as CircleInfoIcon } from "../../assets/icons/circle_info.svg";
import "./infomessage.less";
// NOTE: this deprecated component. Use Tooltip instead.
@mobxReact.observer
class InfoMessage extends React.Component<{ width: number; children: React.ReactNode }> {
render() {
return (
<div className="info-message">
<div className="message-icon">
<CircleInfoIcon className="icon" />
</div>
<div className="message-content" style={{ width: this.props.width }}>
<div className="info-icon">
<CircleInfoIcon className="icon" />
</div>
<div className="info-children">{this.props.children}</div>
</div>
</div>
);
}
}
export { InfoMessage };

1
src/app/common/modals/createremoteconn.tsx
View File

@ -19,7 +19,6 @@ import {
ShowWaveShellInstallPrompt,
} from "../elements";
import * as util from "../../../util/util";
import * as appconst from "../../appconst";
import "./createremoteconn.less";

9
src/app/common/modals/sessionsettings.less
View File

@ -14,6 +14,15 @@
gap: 4px;
align-self: stretch;
width: 100%;
.settings-label > div:first-child {
margin-right: 5px;
}
}
}
}
.session-settings-tooltip i {
font-size: 12px;
margin-left: 0.5px;
}

24
src/app/common/modals/sessionsettings.tsx
View File

@ -6,7 +6,7 @@ import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
import { boundMethod } from "autobind-decorator";
import { GlobalModel, GlobalCommandRunner, Session } from "../../../model/model";
import { Toggle, InlineSettingsTextEdit, SettingsError, InfoMessage, Modal } from "../elements";
import { Toggle, InlineSettingsTextEdit, SettingsError, InfoMessage, Modal, Tooltip } from "../elements";
import * as util from "../../../util/util";
import { commandRtnHandler } from "../../../util/util";
@ -111,10 +111,14 @@ class SessionSettingsModal extends React.Component<{}, {}> {
<div className="settings-field">
<div className="settings-label">
<div>Archived</div>
<InfoMessage width={400}>
Archive will hide the workspace from the active menu. Commands and output will be
retained in history.
</InfoMessage>
<Tooltip
className="session-settings-tooltip"
message="Archive will hide the workspace from the active menu. Commands and output will be
retained in history."
icon={<i className="fa-sharp fa-regular fa-circle-question" />}
>
{<i className="fa-sharp fa-regular fa-circle-question" />}
</Tooltip>
</div>
<div className="settings-input">
<Toggle checked={this.session.archived.get()} onChange={this.handleChangeArchived} />
@ -123,9 +127,13 @@ class SessionSettingsModal extends React.Component<{}, {}> {
<div className="settings-field">
<div className="settings-label">
<div>Actions</div>
<InfoMessage width={400}>
Delete will remove the workspace, removing all commands and output from history.
</InfoMessage>
<Tooltip
className="session-settings-tooltip"
message="Delete will remove the workspace, removing all commands and output from history."
icon={<i className="fa-sharp fa-regular fa-circle-question" />}
>
{<i className="fa-sharp fa-regular fa-circle-question" />}
</Tooltip>
</div>
<div className="settings-input">
<div