1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +02:00

feat(waiting-room): choose relations when associated endpoint [EE-5187] (#8720)

This commit is contained in:
Chaim Lev-Ari 2023-05-14 09:26:11 +07:00 committed by GitHub
parent 511adabce2
commit 365316971b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
53 changed files with 1712 additions and 303 deletions

View file

@ -1,3 +1,4 @@
import clsx from 'clsx';
import {
forwardRef,
useRef,
@ -16,11 +17,21 @@ interface Props extends HTMLProps<HTMLInputElement> {
className?: string;
role?: string;
onChange?: ChangeEventHandler<HTMLInputElement>;
bold?: boolean;
}
export const Checkbox = forwardRef<HTMLInputElement, Props>(
(
{ indeterminate, title, label, id, checked, onChange, ...props }: Props,
{
indeterminate,
title,
label,
id,
checked,
onChange,
bold = true,
...props
}: Props,
ref
) => {
const defaultRef = useRef<HTMLInputElement>(null);
@ -50,7 +61,9 @@ export const Checkbox = forwardRef<HTMLInputElement, Props>(
// eslint-disable-next-line react/jsx-props-no-spreading
{...props}
/>
<label htmlFor={id}>{label}</label>
<label htmlFor={id} className={clsx({ '!font-normal': !bold })}>
{label}
</label>
</div>
);
}

View file

@ -1,4 +1,4 @@
import { PropsWithChildren, useState } from 'react';
import { PropsWithChildren, ReactNode, useState } from 'react';
import { ChevronDown, ChevronRight } from 'lucide-react';
import { Icon } from '@@/Icon';
@ -6,7 +6,7 @@ import { Icon } from '@@/Icon';
import { FormSectionTitle } from '../FormSectionTitle';
interface Props {
title: string;
title: ReactNode;
isFoldable?: boolean;
}