54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
|
|
import { Button, Popover, Content } from '@patternfly/react-core';
|
|
import { HelpIcon } from '@patternfly/react-icons';
|
|
|
|
export const IncludedReposPopover = () => {
|
|
return (
|
|
<Popover
|
|
bodyContent={
|
|
<Content>
|
|
<Content>
|
|
View packages from the Red Hat repository and repositories
|
|
you've selected.
|
|
</Content>
|
|
</Content>
|
|
}
|
|
>
|
|
<Button
|
|
icon={<HelpIcon />}
|
|
variant="plain"
|
|
aria-label="About included repositories"
|
|
component="span"
|
|
className="pf-v6-u-p-0"
|
|
size="sm"
|
|
isInline
|
|
/>
|
|
</Popover>
|
|
);
|
|
};
|
|
|
|
export const OtherReposPopover = () => {
|
|
return (
|
|
<Popover
|
|
bodyContent={
|
|
<Content>
|
|
<Content>
|
|
View packages from popular repositories and your other repositories
|
|
not included in the image.
|
|
</Content>
|
|
</Content>
|
|
}
|
|
>
|
|
<Button
|
|
icon={<HelpIcon />}
|
|
variant="plain"
|
|
aria-label="About other repositories"
|
|
component="span"
|
|
className="pf-v6-u-p-0"
|
|
size="sm"
|
|
isInline
|
|
/>
|
|
</Popover>
|
|
);
|
|
};
|