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

feat(edge/update): remote update structure [EE-4040] (#7553)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-09-13 16:56:38 +03:00 • committed by GitHub
parent dd1662c8b8
commit 6c4c958bf0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
61 changed files with 1952 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/react/components/NavTabs/NavTabs.tsx
View file

@ -3,19 +3,25 @@ import { ReactNode } from 'react';
import styles from './NavTabs.module.css';
export interface Option {
export interface Option<T extends string | number = string> {
label: string | ReactNode;
children?: ReactNode;
id: string | number;
id: T;
}
interface Props {
options: Option[];
selectedId?: string | number;
onSelect?(id: string | number): void;
interface Props<T extends string | number> {
options: Option<T>[];
selectedId?: T;
onSelect?(id: T): void;
disabled?: boolean;
}
export function NavTabs({ options, selectedId, onSelect = () => {} }: Props) {
export function NavTabs<T extends string | number = string>({
options,
selectedId,
onSelect = () => {},
disabled,
}: Props<T>) {
const selected = options.find((option) => option.id === selectedId);
return (
@ -52,7 +58,11 @@ export function NavTabs({ options, selectedId, onSelect = () => {} }: Props) {
</div>
);
function handleSelect(option: Option) {
function handleSelect(option: Option<T>) {
if (disabled) {
return;
}
if (option.children) {
onSelect(option.id);
}