Files
portainer/app/react/docker/components/ImageStatus/PublishedPortLink.tsx
T

45 lines
1015 B
TypeScript

import { ExternalLink } from '@@/ExternalLink';
type Props = {
hostURL?: string;
hostPort?: string | number;
containerPort?: string | number;
};
export function PublishedPortLink({ hostURL, hostPort, containerPort }: Props) {
return (
<ExternalLink
to={generateContainerURL(hostURL, hostPort, containerPort)}
className="image-tag"
data-cy="published-port-link"
>
{hostPort}:{containerPort}
</ExternalLink>
);
}
function generateContainerURL(
hostURL?: string,
hostPort?: string | number,
containerPort?: string | number
) {
const url = stripTrailingSlash(hostURL?.toLowerCase());
if (!url.startsWith('http://') && !url.startsWith('https://')) {
if (String(containerPort).endsWith('443')) {
return `https://${url}:${hostPort}`;
}
return `http://${url}:${hostPort}`;
}
return `${url}:${hostPort}`;
}
function stripTrailingSlash(url?: string) {
if (!url) {
return '';
}
return url.endsWith('/') ? url.slice(0, -1) : url;
}