export default function ClusterManagement()

in src/pages/ecosystem/cluster-management/index.tsx [9:70]
62 lines of code
1 McCabe index (conditional complexity)

export default function ClusterManagement() {
    const [flag, setFlag] = useState(true)
    return (
        <EcomsystemLayout>
            <div className="container mx-auto flex flex-col flex-wrap items-center justify-center mb-[5.5rem] lg:flex-row">
                <CollapseBox
                    title="Cluster Manager for Apache Doris"
                    popTrue={flag}
                    description="One-stop database cluster management tool, developed by VeloDB."
                    characteristic={[
                        'Create, start, stop, upgrade, and scale clusters',
                        'Cluster inspection',
                        'Monitoring and alerting',
                        'Auditing',
                    ]}
                    rightContent={
                        <img src={require(`@site/static/images/ecomsystem/cluster-manage.png`).default} alt="" />
                    }
                    moreLink={
                        <>
                            <ExternalLink
                                href="https://www.velodb.io/download/enterprise#core"
                                label="Download"
                            ></ExternalLink>
                            <ExternalLink
                                href="https://docs.velodb.io/enterprise/velodb-enterprise-overview"
                                className="sub-btn"
                                label="Docs"
                            ></ExternalLink>
                        </>
                    }
                />
                <CollapseBox
                    title="K8s Operator for Apache Doris"
                    popTrue={flag}
                    description="One-stop Doris cluster management tool on kubernetes, developed by VeloDB."
                    characteristic={[
                        'Diverse PV management',
                        'Pod deployment configuration ',
                        'Separation of config files and services',
                        'Smooth service upgrade',
                        'Auto-scaling',
                        'Support for Helm',
                    ]}
                    rightContent={
                        <img src={require(`@site/static/images/ecomsystem/doris-operator.png`).default} alt="" />
                    }
                    moreLink={
                        <>
                            <ExternalLink href="https://github.com/apache/doris-operator" label="GitHub"></ExternalLink>
                            <ExternalLink
                                href="https://doris.apache.org/docs/install/deploy-on-kubernetes/install-doris-operator"
                                className="sub-btn"
                                label="Docs"
                            ></ExternalLink>
                        </>
                    }
                />
            </div>
        </EcomsystemLayout>
    );
}