go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/ui/src/gitiles/components/commit_table/time_column.tsx (about)

     1  // Copyright 2023 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 } from '@mui/material';
    16  import { DateTime } from 'luxon';
    17  
    18  import {
    19    DEFAULT_EXTRA_ZONE_CONFIGS,
    20    Timestamp,
    21  } from '@/common/components/timestamp';
    22  import {
    23    NUMERIC_TIME_FORMAT,
    24    SHORT_TIME_FORMAT,
    25  } from '@/common/tools/time_utils';
    26  
    27  import { useCommit } from './context';
    28  
    29  export function TimeHeadCell() {
    30    return <TableCell width="1px">Time</TableCell>;
    31  }
    32  
    33  export function TimeContentCell() {
    34    const commit = useCommit();
    35    const commitTime = DateTime.fromISO(commit.committer.time);
    36  
    37    return (
    38      <TableCell>
    39        <Timestamp
    40          datetime={commitTime}
    41          // Use a more compact format to display the timestamp.
    42          format={SHORT_TIME_FORMAT}
    43          extra={{
    44            // Use a more detailed format in the tooltip.
    45            format: NUMERIC_TIME_FORMAT,
    46            zones: [
    47              // Add a local timezone to display the timestamp in local timezone
    48              // with a more detailed format.
    49              {
    50                label: 'LOCAL',
    51                zone: 'local',
    52              },
    53              ...DEFAULT_EXTRA_ZONE_CONFIGS,
    54            ],
    55          }}
    56        />
    57      </TableCell>
    58    );
    59  }