All files / src/ui/connection ConnectionError.tsx

100% Statements 4/4
50% Branches 1/2
100% Functions 2/2
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49                                                      3x   3x             1x                        
/*
 * Copyright 2018 Red Hat, Inc. and/or its affiliates.
 *
 * 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 { Modal, Text, TextContent, TextVariants } from '@patternfly/react-core';
import * as React from 'react';
 
export interface ConnectionErrorProps {
  title: string;
  message: string;
  icon?: React.ReactNode;
  help?: string;
  isOpen: boolean;
}
 
const renderHelpBlock = (help?: string) => (help ? <Text component={TextVariants.small}>{help}</Text> : '');
 
const ConnectionError: React.FC<ConnectionErrorProps> = ({
  title,
  message,
  icon,
  help,
  isOpen,
}) => (
  <Modal title={title} isOpen={isOpen} isSmall={true}>
    <TextContent>
      <Text component={TextVariants.h3}>
        {icon}
        {message}
        {renderHelpBlock(help)}
      </Text>
    </TextContent>
  </Modal>
);
 
export default ConnectionError;