diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx index d4d8adeffc388..d546358d4fced 100644 --- a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx +++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewRoot.tsx @@ -5,14 +5,15 @@ import { MiddleTruncate, Mono, StyledRawCodeMirror, - Subheading, Table, } from '@dagster-io/ui-components'; -import {ComponentProps, ReactNode, useMemo} from 'react'; +import {useMemo} from 'react'; +import {CodeLocationServerSection} from 'shared/code-location/CodeLocationServerSection.oss'; import {CodeLocationTabs} from 'shared/code-location/CodeLocationTabs.oss'; import {createGlobalStyle} from 'styled-components'; import * as yaml from 'yaml'; +import {CodeLocationOverviewSectionHeader} from './CodeLocationOverviewSectionHeader'; import {CodeLocationPageHeader} from './CodeLocationPageHeader'; import {TimeFromNow} from '../ui/TimeFromNow'; import {LocationStatus} from '../workspace/CodeLocationRowSet'; @@ -57,7 +58,7 @@ export const CodeLocationOverviewRoot = (props: Props) => { - + {/* Fixed table layout to contain overflowing strings in right column */} @@ -93,9 +94,10 @@ export const CodeLocationOverviewRoot = (props: Props) => { ) : null}
+ {libraryVersions?.length ? ( <> - + {libraryVersions.map((version) => ( @@ -112,7 +114,7 @@ export const CodeLocationOverviewRoot = (props: Props) => {
) : null} - + ['border']; -}) => ( - - {label} - -); diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx new file mode 100644 index 0000000000000..044957efe456d --- /dev/null +++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationOverviewSectionHeader.tsx @@ -0,0 +1,18 @@ +import {Box, Colors, Subheading} from '@dagster-io/ui-components'; +import {ComponentProps, ReactNode} from 'react'; + +export const CodeLocationOverviewSectionHeader = ({ + label, + border = null, +}: { + label: ReactNode; + border?: ComponentProps['border']; +}) => ( + + {label} + +); diff --git a/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx new file mode 100644 index 0000000000000..a5edd0bfe2c4d --- /dev/null +++ b/js_modules/dagster-ui/packages/ui-core/src/code-location/CodeLocationServerSection.oss.tsx @@ -0,0 +1 @@ +export const CodeLocationServerSection = () => <>;