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;
|