go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/ui/src/monitoring/components/alert_table/alert_details.tsx (about)

     1  // Copyright 2024 The LUCI Authors.
     2  //
     3  // Licensed under the Apache License, Version 2.0 (the "License");
     4  // you may not use this file except in compliance with the License.
     5  // You may obtain a copy of the License at
     6  //
     7  //      http://www.apache.org/licenses/LICENSE-2.0
     8  //
     9  // Unless required by applicable law or agreed to in writing, software
    10  // distributed under the License is distributed on an "AS IS" BASIS,
    11  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  // See the License for the specific language governing permissions and
    13  // limitations under the License.
    14  
    15  import { TableCell, TableRow } from '@mui/material';
    16  
    17  import { LuciBisectionResultSection } from '@/monitoring/components/luci_bisection_result';
    18  import { ReasonSection } from '@/monitoring/components/reason_section';
    19  import { AlertJson, Bug, TreeJson } from '@/monitoring/util/server_json';
    20  
    21  interface AlertDetailsRowProps {
    22    tree: TreeJson;
    23    alert: AlertJson;
    24    bug?: Bug;
    25  }
    26  
    27  // A row in the AlertTable showing the details for an alert.  These will only be displayed if the alert is expanded.  They are always shown
    28  // directly below the AlertSummaryRow for the same alert.
    29  export const AlertDetailsRow = ({ alert, tree, bug }: AlertDetailsRowProps) => {
    30    return (
    31      <TableRow sx={{ backgroundColor: 'var(--block-background-color)' }}>
    32        <TableCell></TableCell>
    33        <TableCell colSpan={100}>
    34          <div style={{ marginBottom: '10px', backgroundColor: '#fff' }}>
    35            <ReasonSection
    36              tree={tree}
    37              reason={alert.extension.reason}
    38              failureBBID={
    39                '' + alert.extension.builders[0].latest_failure_build_number
    40              }
    41              bug={bug}
    42            ></ReasonSection>
    43            {alert.extension.luci_bisection_result ? (
    44              <LuciBisectionResultSection
    45                result={alert.extension.luci_bisection_result}
    46              />
    47            ) : null}
    48          </div>
    49        </TableCell>
    50      </TableRow>
    51    );
    52  };