diff --git a/src/Components/CloudProviderConfig/CloudProviderConfig.tsx b/src/Components/CloudProviderConfig/CloudProviderConfig.tsx index 183685c8..793d1be6 100644 --- a/src/Components/CloudProviderConfig/CloudProviderConfig.tsx +++ b/src/Components/CloudProviderConfig/CloudProviderConfig.tsx @@ -1,6 +1,18 @@ -import React, { useCallback, useEffect } from 'react'; +import React, { MouseEventHandler, useCallback, useEffect } from 'react'; -import { PageSection, Wizard, WizardStep } from '@patternfly/react-core'; +import { + Button, + EmptyState, + EmptyStateActions, + EmptyStateBody, + EmptyStateFooter, + EmptyStateVariant, + PageSection, + Title, + Wizard, + WizardStep, +} from '@patternfly/react-core'; +import { ExclamationIcon } from '@patternfly/react-icons'; import { useNavigate } from 'react-router-dom'; import { AWSConfig } from './AWSConfig'; @@ -17,6 +29,35 @@ import { useAppDispatch } from '../../store/hooks'; import { resolveRelPath } from '../../Utilities/path'; import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader'; +const ConfigError = ({ + onClose, +}: { + onClose: MouseEventHandler; +}) => { + return ( + + + Error + + + There was an error reading the `/etc/osbuild-worker/osbuild-worker.toml` + config file + + + + + + + + ); +}; + export const CloudProviderConfig = () => { const navigate = useNavigate(); const dispatch = useAppDispatch(); @@ -48,13 +89,7 @@ export const CloudProviderConfig = () => { }, [data, initAWSConfig]); if (error) { - // TODO: improve error alert - return ( -
- There was an error reading the `/etc/osbuild-worker/osbuild-worker.toml` - config file -
- ); + return ; } return (