Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

feat(k8sconfigure): migrate configure to react [EE-5524] (#10218)

Browse source
This commit is contained in:
Ali 2023-09-05 18:06:36 +02:00 • committed by GitHub
parent 0f1e77a6d5
commit 515b02813b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
59 changed files with 1819 additions and 833 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app/react/components/Alert/Alert.tsx
View file

@ -43,23 +43,33 @@ const alertSettings: Record<
export function Alert({
color,
title,
className,
children,
}: PropsWithChildren<{ color: AlertType; title?: string }>) {
}: PropsWithChildren<{
color: AlertType;
title?: string;
className?: string;
}>) {
const { container, header, body, icon } = alertSettings[color];
return (
<AlertContainer className={container}>
<AlertContainer className={clsx(container, className)}>
{title ? (
<>
<AlertHeader className={header}>
<Icon icon={icon} />
{title}
</AlertHeader>
<AlertBody className={body}>{children}</AlertBody>
<AlertBody className={body} hasTitle={!!title}>
{children}
</AlertBody>
</>
) : (
<AlertBody className={clsx(body, 'flex items-center gap-2')}>
<Icon icon={icon} /> {children}
<AlertBody
className={clsx(body, 'flex items-start gap-2')}
hasTitle={!!title}
>
<Icon icon={icon} className="!mt-0.5 flex-none" /> {children}
</AlertBody>
)}
</AlertContainer>
@ -96,7 +106,12 @@ function AlertHeader({
function AlertBody({
className,
hasTitle,
children,
}: PropsWithChildren<{ className?: string }>) {
return <div className={clsx('ml-6 text-sm', className)}>{children}</div>;
}: PropsWithChildren<{ className?: string; hasTitle: boolean }>) {
return (
<div className={clsx('text-sm', className, { 'ml-6': hasTitle })}>
{children}
</div>
);
}