go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/ui/src/build/legacy/build_page/overview_tab/input_section.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 { observer } from 'mobx-react-lite'; 16 17 import { useStore } from '@/common/store'; 18 19 import { PatchRow } from './patch_row'; 20 import { RevisionRow } from './revision_row'; 21 22 export const InputSection = observer(() => { 23 const store = useStore(); 24 const input = store.buildPage.build?.data.input; 25 if (!input?.gerritChanges && !input?.gerritChanges) { 26 return <></>; 27 } 28 29 return ( 30 <> 31 <h3>Input</h3> 32 <table> 33 <tbody> 34 {input.gitilesCommit && <RevisionRow commit={input.gitilesCommit} />} 35 {(input.gerritChanges || []).map((gc, i) => ( 36 <PatchRow key={i} gerritChange={gc} /> 37 ))} 38 </tbody> 39 </table> 40 </> 41 ); 42 });