webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/Form/ServerConfigurationFeaturesForm.tsx - devel - vshmidt/cloudbeaver

webapp/packages/plugin-administration/src/ConfigurationWizard/ServerConfiguration/Form/ServerConfigurationFeaturesForm.tsx

52 строки2 KB

alex

CB-5960 sort features (#3089)

22 ноя 2024, 17:59

Не верифицирован

22 ноя 2024, 17:59bde31c3

/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2024 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
import { observer } from 'mobx-react-lite';
import { useContext } from 'react';

import { FormContext, GroupTitle, type PlaceholderComponent, Switch, useResource, useTranslate } from '@cloudbeaver/core-blocks';
import { FeaturesResource, sortFeature } from '@cloudbeaver/core-root';

import type { IConfigurationPlaceholderProps } from '../ServerConfigurationService.js';

export const ServerConfigurationFeaturesForm: PlaceholderComponent<IConfigurationPlaceholderProps> = observer(
  function ServerConfigurationFeaturesForm({ state: { serverConfig }, configurationWizard }) {
    const formContext = useContext(FormContext);

    if (formContext === null) {
      throw new Error('Form state should be provided');
    }

    const featuresResource = useResource(ServerConfigurationFeaturesForm, FeaturesResource, configurationWizard ? null : undefined);
    const translate = useTranslate();
    const features = featuresResource.data.slice().sort(sortFeature);

    if (configurationWizard || features.length === 0) {
      return null;
    }

    return (
      <>
        <GroupTitle>{translate('administration_configuration_wizard_configuration_services_group')}</GroupTitle>
        {features.map(feature => (
          <Switch
            key={feature.id}
            value={feature.id}
            name="enabledFeatures"
            state={serverConfig}
            description={feature.description}
            disabled={featuresResource.resource.isBase(feature.id)}
            mod={['primary']}
            small
          >
            {feature.label}
          </Switch>
        ))}
      </>
    );
  },
);