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

feat(license): remove untrusted devices from node count [EE-5357] (#8817)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-05-05 09:02:31 +07:00 • committed by GitHub
parent 5f6ddc2fad
commit cfed481d6e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 102 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,10 +1,10 @@
import clsx from 'clsx';
import { AlertCircle, CheckCircle, XCircle } from 'lucide-react';
import { AlertCircle, AlertTriangle, CheckCircle, XCircle } from 'lucide-react';
import { PropsWithChildren, ReactNode } from 'react';
import { Icon } from '@@/Icon';
type AlertType = 'success' | 'error' | 'info';
type AlertType = 'success' | 'error' | 'info' | 'warn';
const alertSettings: Record<
AlertType,
@ -31,22 +31,37 @@ const alertSettings: Record<
body: 'text-blue-7',
icon: AlertCircle,
},
warn: {
container:
'border-warning-4 bg-warning-2 th-dark:bg-warning-3 th-dark:border-warning-5',
header: 'text-warning-8',
body: 'text-warning-7',
icon: AlertTriangle,
},
};
export function Alert({
color,
title,
children,
}: PropsWithChildren<{ color: AlertType; title: string }>) {
}: PropsWithChildren<{ color: AlertType; title?: string }>) {
const { container, header, body, icon } = alertSettings[color];
return (
<AlertContainer className={container}>
<AlertHeader className={header}>
<Icon icon={icon} />
{title}
</AlertHeader>
<AlertBody className={body}>{children}</AlertBody>
{title ? (
<>
<AlertHeader className={header}>
<Icon icon={icon} />
{title}
</AlertHeader>
<AlertBody className={body}>{children}</AlertBody>
</>
) : (
<AlertBody className={clsx(body, 'flex items-center gap-2')}>
<Icon icon={icon} /> {children}
</AlertBody>
)}
</AlertContainer>
);
}
@ -68,7 +83,11 @@ function AlertHeader({
}: PropsWithChildren<{ className?: string }>) {
return (
<h4
className={clsx('text-base', '!m-0 flex items-center gap-2', className)}
className={clsx(
'text-base',
'!m-0 mb-2 flex items-center gap-2',
className
)}
>
{children}
</h4>
@ -79,5 +98,5 @@ function AlertBody({
className,
children,
}: PropsWithChildren<{ className?: string }>) {
return <div className={clsx('ml-6 mt-2 text-sm', className)}>{children}</div>;
return <div className={clsx('ml-6 text-sm', className)}>{children}</div>;
}