/* * SonarQube * Copyright (C) 2009-2024 SonarSource SA * mailto:info AT sonarsource DOT com * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU Lesser General Public * License as published by the Free Software Foundation; either * version 3 of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import { ActionCell, ActionsDropdown, Badge, ContentCell, ItemButton, ItemDangerButton, TableRowInteractive, } from 'design-system'; import * as React from 'react'; import QualityGateStatus from '../../../app/components/nav/component/branch-like/QualityGateStatus'; import BranchLikeIcon from '../../../components/icons/BranchLikeIcon'; import DateFromNow from '../../../components/intl/DateFromNow'; import { getBranchLikeDisplayName, isBranch, isMainBranch, isPullRequest, } from '../../../helpers/branch-like'; import { translate, translateWithParameters } from '../../../helpers/l10n'; import { BranchLike } from '../../../types/branch-like'; import { Component } from '../../../types/types'; import BranchPurgeSetting from './BranchPurgeSetting'; export interface BranchLikeRowProps { branchLike: BranchLike; component: Component; displayPurgeSetting?: boolean; onDelete: () => void; onRename: () => void; onSetAsMain: () => void; } function BranchLikeRow(props: BranchLikeRowProps) { const { branchLike, component, displayPurgeSetting } = props; const branchLikeDisplayName = getBranchLikeDisplayName(branchLike); return ( <TableRowInteractive> <ContentCell> <BranchLikeIcon branchLike={branchLike} className="sw-mr-1" /> <span title={branchLikeDisplayName}>{branchLikeDisplayName}</span> <span> {isMainBranch(branchLike) && ( <Badge className="sw-ml-2">{translate('branches.main_branch')}</Badge> )} </span> </ContentCell> <ContentCell> <QualityGateStatus branchLike={branchLike} className="sw-flex sw-items-center sw-w-24" showStatusText /> </ContentCell> <ContentCell>{<DateFromNow date={branchLike.analysisDate} />}</ContentCell> {displayPurgeSetting && isBranch(branchLike) && ( <ContentCell> <BranchPurgeSetting branch={branchLike} component={component} /> </ContentCell> )} <ActionCell> <ActionsDropdown allowResizing id={`branch-settings-action-${branchLikeDisplayName}`} ariaLabel={translateWithParameters( 'project_branch_pull_request.branch.actions_label', branchLikeDisplayName, )} > {isBranch(branchLike) && !isMainBranch(branchLike) && ( <ItemButton onClick={props.onSetAsMain}> {translate('project_branch_pull_request.branch.set_main')} </ItemButton> )} {isMainBranch(branchLike) ? ( <ItemButton onClick={props.onRename}> {translate('project_branch_pull_request.branch.rename')} </ItemButton> ) : ( <ItemDangerButton onClick={props.onDelete}> {translate( isPullRequest(branchLike) ? 'project_branch_pull_request.pull_request.delete' : 'project_branch_pull_request.branch.delete', )} </ItemDangerButton> )} </ActionsDropdown> </ActionCell> </TableRowInteractive> ); } export default React.memo(BranchLikeRow);