strapi-plugin-i18n/admin/src/components/ModalEdit/AdvancedForm.js

This plugin enables to create, to read and to update content in different languages, both from the Admin Panel and from the API

import React from 'react';
import PropTypes from 'prop-types';
import { Text, Checkbox, Padded } from '@buffetjs/core';
import { useFormikContext } from 'formik';
import { useIntl } from 'react-intl';
import { BaselineAlignment } from 'strapi-helper-plugin';
import { getTrad } from '../../utils';

const AdvancedForm = ({ isDefaultLocale }) => {
  const { values, setFieldValue } = useFormikContext();
  const { formatMessage } = useIntl();

  return (
    <div>
      <BaselineAlignment top size="2px" />
      <Padded bottom size="sm">
        <Text color="grey" textTransform="uppercase">
          {formatMessage({
            id: getTrad('Settings.locales.modal.advanced.settings'),
          })}
        </Text>
      </Padded>

      <BaselineAlignment top size="10px" />
      <Checkbox
        id="default-checkbox"
        name="default-checkbox"
        onChange={() => setFieldValue('isDefault', !values.isDefault)}
        message={formatMessage({
          id: getTrad('Settings.locales.modal.advanced.setAsDefault'),
        })}
        someChecked={false}
        value={values.isDefault}
        disabled={isDefaultLocale}
        htmlFor="default-checkbox"
      />

      <Text color="grey" fontSize="sm">
        {formatMessage({
          id: getTrad('Settings.locales.modal.advanced.setAsDefault.hint'),
        })}
      </Text>
    </div>
  );
};

AdvancedForm.propTypes = {
  isDefaultLocale: PropTypes.bool.isRequired,
};

export default AdvancedForm;