-
Notifications
You must be signed in to change notification settings - Fork 592
/
SearchStatus.tsx
33 lines (29 loc) · 1.21 KB
/
SearchStatus.tsx
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
import * as React from 'react';
import * as _ from 'lodash';
import { Loading, RedExclamationCircleIcon } from '@console/internal/components/utils';
import { useFormikContext, FormikValues } from 'formik';
const SearchStatus: React.FC = () => {
const { values, errors } = useFormikContext<FormikValues>();
const isiError = _.get(errors, 'isi.image');
return _.isEmpty(values.isi.image) ? (
<div className="co-image-name-results">
<div className="co-image-name-results__loading">
{values.isSearchingForImage && <Loading className="co-m-loader--inline" />}
{!values.isSearchingForImage && !isiError && (
<h2 className="h3 co-image-name-results__loading-heading">
{/* Select an image stream tag or e */}Enter an image name.
</h2>
)}
{!values.isSearchingForImage && isiError && (
<React.Fragment>
<h2 className="h3 co-image-name-results__loading-heading">
<RedExclamationCircleIcon /> Could not load image metadata.
</h2>
<p className="co-image-name-results__loading-error">{isiError}</p>
</React.Fragment>
)}
</div>
</div>
) : null;
};
export default SearchStatus;