mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
6293dad79a
* adding port-forward for containers in pods address review comments use more idiomatic approach for async code move some files in advance of merge conflict with Lens restructure work * Separate the port forward links in the UI (so they don't all spin when one link is clicked) * minor fixes * addressed review comments (replaced <p> with <div>, moved key attribute to proper element) * fix lint issue * removed extraneous <div> from pod container port details Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import "./service-port-component.scss"
|
|
|
|
import React from "react";
|
|
import { observer } from "mobx-react";
|
|
import { t } from "@lingui/macro";
|
|
import { Service, ServicePort } from "../../api/endpoints";
|
|
import { _i18n } from "../../i18n";
|
|
import { apiBase } from "../../api"
|
|
import { observable } from "mobx";
|
|
import { cssNames } from "../../utils";
|
|
import { Notifications } from "../notifications";
|
|
import { Spinner } from "../spinner"
|
|
|
|
interface Props {
|
|
service: Service;
|
|
port: ServicePort;
|
|
}
|
|
|
|
@observer
|
|
export class ServicePortComponent extends React.Component<Props> {
|
|
@observable waiting = false;
|
|
|
|
async portForward() {
|
|
const { service, port } = this.props;
|
|
this.waiting = true;
|
|
try {
|
|
await apiBase.post(`/pods/${service.getNs()}/service/${service.getName()}/port-forward/${port.port}`, {})
|
|
} catch(error) {
|
|
Notifications.error(error);
|
|
} finally {
|
|
this.waiting = false;
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const { port } = this.props;
|
|
return (
|
|
<div className={cssNames("ServicePortComponent", { waiting: this.waiting })}>
|
|
<span title={_i18n._(t`Open in a browser`)} onClick={() => this.portForward() }>
|
|
{port.toString()}
|
|
{this.waiting && (
|
|
<Spinner />
|
|
)}
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
}
|