mirror of
https://github.com/portainer/portainer.git
synced 2025-07-24 15:59:41 +02:00
refactor(gitops): migrate git form to react [EE-4849] (#8268)
This commit is contained in:
parent
afe6cd6df0
commit
273a3f9a10
130 changed files with 3194 additions and 1190 deletions
|
@ -1,5 +1,6 @@
|
|||
import { PropsWithChildren } from 'react';
|
||||
import { AlertCircle } from 'lucide-react';
|
||||
import clsx from 'clsx';
|
||||
|
||||
import { Icon, IconMode } from '@@/Icon';
|
||||
|
||||
|
@ -8,17 +9,18 @@ type Color = 'orange' | 'blue';
|
|||
export interface Props {
|
||||
icon?: React.ReactNode;
|
||||
color?: Color;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export function TextTip({
|
||||
color = 'orange',
|
||||
icon = AlertCircle,
|
||||
className,
|
||||
children,
|
||||
}: PropsWithChildren<Props>) {
|
||||
return (
|
||||
<p className="small inline-flex items-center gap-1">
|
||||
<Icon icon={icon} mode={getMode(color)} className="shrink-0" />
|
||||
|
||||
<p className={clsx('small inline-flex items-center gap-1', className)}>
|
||||
<Icon icon={icon} mode={getMode(color)} />
|
||||
<span className="text-muted">{children}</span>
|
||||
</p>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue