@kinvolk/headlamp-plugin/lib/components/role/List.js

The needed infrastructure for building Headlamp plugins.

import { jsx as _jsx } from "react/jsx-runtime";
/*
 * Copyright 2025 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useSelectedClusters } from '../../lib/k8s';
import ClusterRole from '../../lib/k8s/clusterRole';
import Role from '../../lib/k8s/role';
import { useNamespaces } from '../../redux/filterSlice';
import Link from '../common/Link';
import ResourceListView from '../common/Resource/ResourceListView';
export default function RoleList() {
    const { t } = useTranslation('glossary');
    const { items: roles, errors: rolesErrors } = Role.useList({ namespace: useNamespaces() });
    const { items: clusterRoles, errors: clusterRolesErrors } = ClusterRole.useList();
    const clusters = useSelectedClusters();
    const isMultiCluster = clusters.length > 1;
    const allRoles = React.useMemo(() => {
        if (roles === null && clusterRoles === null) {
            return null;
        }
        return roles ? roles.concat(clusterRoles || []) : clusterRoles;
    }, [roles, clusterRoles]);
    const allErrors = React.useMemo(() => {
        if (rolesErrors === null && clusterRolesErrors === null) {
            return null;
        }
        return [...(rolesErrors ?? []), ...(clusterRolesErrors ?? [])];
    }, [rolesErrors, clusterRolesErrors]);
    return (_jsx(ResourceListView, { title: t('Roles'), errors: allErrors, columns: [
            'type',
            {
                label: t('translation|Name'),
                getValue: item => item.metadata.name,
                gridTemplate: 'auto',
                render: item => (_jsx(Link, { routeName: item.metadata.namespace ? 'role' : 'clusterrole', params: {
                        namespace: item.metadata.namespace || '',
                        name: item.metadata.name,
                        cluster: item.cluster,
                    }, children: item.metadata.name })),
            },
            'namespace',
            ...(isMultiCluster ? ['cluster'] : []),
            'age',
        ], data: allRoles, id: "headlamp-roles" }));
}