<commit_before>import React from 'react';
import { c } from 'ttag';
import {
    SubTitle,
    Alert,
    Row,
    Loader,
    Field,
    Label,
    PrimaryButton,
    useModals,
    useOrganization
} from 'react-components';

import RestoreAdministratorPrivileges from './RestoreAdministratorPrivileges';
import OrganizationNameModal from './OrganizationNameModal';
import ActivateOrganizationButton from './ActivateOrganizationButton';

const OrganizationSection = () => {
    const [organization, loadingOrganization] = useOrganization();
    const { createModal } = useModals();

    if (loadingOrganization) {
        return <Loader />;
    }
    const { Name } = organization;

    if (!organization.HasKeys) {
        return (
            <>
                <SubTitle>{c('Title').t`Multi-user support`}</SubTitle>
                <Alert learnMore="https://protonmail.com/support/knowledge-base/business/">{c('Info')
                    .t`Create and manage sub-accounts and assign them email addresses on your custom domain.`}</Alert>
                <ActivateOrganizationButton />
            </>
        );
    }

    return (
        <>
            <RestoreAdministratorPrivileges />
            <SubTitle>{c('Title').t`Organization`}</SubTitle>
            <Alert>{c('Info').t`The name and logo will be visible to your users while they are logged.`}</Alert><commit_msg>Hotfix - typo organisation (#382)<commit_after>import React from 'react';
import { c } from 'ttag';
import {
    SubTitle,
    Alert,
    Row,
    Loader,
    Field,
    Label,
    PrimaryButton,
    useModals,
    useOrganization
} from 'react-components';

import RestoreAdministratorPrivileges from './RestoreAdministratorPrivileges';
import OrganizationNameModal from './OrganizationNameModal';
import ActivateOrganizationButton from './ActivateOrganizationButton';

const OrganizationSection = () => {
    const [organization, loadingOrganization] = useOrganization();
    const { createModal } = useModals();

    if (loadingOrganization) {
        return <Loader />;
    }
    const { Name } = organization;

    if (!organization.HasKeys) {
        return (
            <>
                <SubTitle>{c('Title').t`Multi-user support`}</SubTitle>
                <Alert learnMore="https://protonmail.com/support/knowledge-base/business/">{c('Info')
                    .t`Create and manage sub-accounts and assign them email addresses on your custom domain.`}</Alert>
                <ActivateOrganizationButton />
            </>
        );
    }

    return (
        <>
            <RestoreAdministratorPrivileges />
            <SubTitle>{c('Title').t`Organization`}</SubTitle>
            <Alert>{c('Info').t`The name and logo will be visible to your users while they are logged in.`}</Alert>
{'fraction_non_alphanumeric': 0.12073302191879266, 'fraction_numerical': 0.0010779734099892202, 'mean_word_length': 2.6487549148099605, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 33, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '532844', 'n_tokens_mistral': 778, 'n_tokens_neox': 737, 'n_words': 175}