/* * Copyright 2024 The Backstage Authors * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import type { ExternalServiceInfo, StatusMap, } from '@backstage-community/plugin-kiali-common/types'; import { StatusKey } from '@backstage-community/plugin-kiali-common/types'; import { Link } from '@backstage/core-components'; import { Card, CardContent, CardHeader, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Grid, IconButton, Typography, } from '@material-ui/core'; import CloseIcon from '@material-ui/icons/Close'; import { Alert } from '@material-ui/lab'; import { default as React } from 'react'; import { config, KialiIcon, KialiLogo } from '../../config'; import { kialiStyle } from '../../styles/StyleUtils'; type AboutUIModalProps = { status: StatusMap; externalServices: ExternalServiceInfo[]; warningMessages: string[]; showModal: boolean; setShowModal: React.Dispatch>; }; const iconStyle = kialiStyle({ marginRight: '10px', }); const textContentStyle = kialiStyle({ $nest: { '& dt, & dd': { lineHeight: 1.667, }, }, }); const closeButton = kialiStyle({ position: 'absolute', right: 10, top: 10, float: 'right', padding: 0, }); export const AboutUIModal = (props: AboutUIModalProps) => { const [showWarnings, setShowWarnings] = React.useState(false); const additionalComponentInfoContent = ( externalService: ExternalServiceInfo, ) => { if (!externalService.version && !externalService.url) { return 'N/A'; } const version = externalService.version ? externalService.version : ''; const url = externalService.url ? ( {externalService.url} ) : ( '' ); return ( <> {version} {url} ); }; const renderComponent = (externalService: ExternalServiceInfo) => { const name = externalService.version ? externalService.name : `${externalService.name} URL`; const additionalInfo = additionalComponentInfoContent(externalService); return ( <> {name} {additionalInfo} ); }; const renderWebsiteLink = () => { if (config.about?.website) { return ( {config.about.website.linkText} ); } return null; }; const renderProjectLink = () => { if (config.about?.project) { return ( {config.about.project.linkText} ); } return null; }; const coreVersion = props.status[StatusKey.KIALI_CORE_COMMIT_HASH] === '' || props.status[StatusKey.KIALI_CORE_COMMIT_HASH] === 'unknown' ? props.status[StatusKey.KIALI_CORE_VERSION] : `${props.status[StatusKey.KIALI_CORE_VERSION]} (${ props.status[StatusKey.KIALI_CORE_COMMIT_HASH] })`; const containerVersion = props.status[StatusKey.KIALI_CONTAINER_VERSION]; const meshVersion = props.status[StatusKey.MESH_NAME] ? `${props.status[StatusKey.MESH_NAME]} ${ props.status[StatusKey.MESH_VERSION] || '' }` : 'Unknown'; const kialiExternalUrl = props.status[StatusKey.KIALI_EXTERNAL_URL]; return ( ); };