function renderOverview()

in src/main/js/routes/content/content.js [30:68]
39 lines of code
2 McCabe index (conditional complexity)

    function renderOverview(overview) {
        return <div className="flex-auto mt-6">
            <div style={{minWidth: "200px"}}>
                <div className="w-full max-w-sm text-center bg-standout-blue rounded-md shadow-md border border-1 "
                     style={{padding: "1.0rem", borderColor: "#26324a"}}>
                    <div className="text-yellow-400">
                        Overview
                    </div>
                    <div>
                        <p className="mt-2 text-xs text-gray-200">
                            <span>Partition groups: </span> <span className="text-gray-400">{overview.partitionGroups}</span>
                            {' | '}
                            <span>Searchable copies: </span> <span className="text-gray-400">{overview.searchableCopies}</span>
                            {' | '}
                            <span>Redundancy: </span> <span className="text-gray-400">{overview.redundancy}</span>
                        </p>
                        <p className="mt-2 text-xs">
                            <span className="font-extrabold text-yellow-400">Groups</span>
                            <div>
                                { Object
                                    .keys(overview.groupNodeCount)
                                    .map((groupKey, index, array) => {
                                        const count = overview.groupNodeCount[groupKey]
                                        return (
                                            <span key={index}>
                                                <span className="text-gray-200">{groupKey}</span>
                                                {' '}
                                                <span className="italic text-gray-400">({count})</span>
                                                {(index < array.length -1 ) ? ' | ' : ""}
                                            </span>
                                        )
                                    })}
                          </div>
                        </p>
                    </div>
                </div>
            </div>
        </div>;
    }