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

refactor(docker/containers): migrate inspect view to react [EE-2190] (#11005)
Some checks failed
ci / build_images (map[arch:amd64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
ci / build_images (map[arch:arm platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:arm64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:ppc64le platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:s390x platform:linux version:]) (push) Has been cancelled
/ triage (push) Has been cancelled
Lint / Run linters (push) Has been cancelled
Test / test-client (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:linux]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
Test / test-server (map[arch:arm64 platform:linux]) (push) Has been cancelled
ci / build_manifests (push) Has been cancelled

This commit is contained in:
Chaim Lev-Ari 2024-04-11 19:07:58 +03:00 committed by GitHub
parent de473fc10e
commit 2100155ab5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 181 additions and 105 deletions

View file

@ -1,5 +1,5 @@
import clsx from 'clsx';
import { PropsWithChildren, ReactNode } from 'react';
import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
import { AutomationTestingProps } from '@/types';
@ -12,6 +12,7 @@ export interface Option<T> {
value: T;
label?: ReactNode;
disabled?: boolean;
icon?: ComponentProps<typeof Button>['icon'];
}
interface Props<T> {
@ -49,6 +50,7 @@ export function ButtonSelector<T extends string | number | boolean>({
onChange={() => onChange(option.value)}
disabled={disabled || option.disabled}
readOnly={readOnly}
icon={option.icon}
>
{option.label || option.value.toString()}
</OptionItem>
@ -62,6 +64,7 @@ interface OptionItemProps {
onChange(): void;
disabled?: boolean;
readOnly?: boolean;
icon?: ComponentProps<typeof Button>['icon'];
}
function OptionItem({
@ -71,6 +74,7 @@ function OptionItem({
disabled,
readOnly,
'data-cy': dataCy,
icon,
}: PropsWithChildren<OptionItemProps> & AutomationTestingProps) {
return (
<Button
@ -84,6 +88,7 @@ function OptionItem({
'!static !z-auto'
)}
data-cy={dataCy}
icon={icon}
>
{children}
<input