- {columns.map((column, i) => {
- return (
-
- )
+
+ {$columns}
)
}
diff --git a/console/src/components/data-table/stateful-container.tsx b/console/src/components/data-table/stateful-container.tsx
index b24173155d..93d5f3d4d5 100644
--- a/console/src/components/data-table/stateful-container.tsx
+++ b/console/src/components/data-table/stateful-container.tsx
@@ -2,18 +2,14 @@
import * as React from 'react'
import type { ColumnT, StatefulContainerPropsT } from './types'
-const IS_DEV = true
-
function useDuplicateColumnTitleWarning(columns: ColumnT[]) {
React.useEffect(() => {
- if (IS_DEV) {
- const titles = columns.reduce((set, column) => set.add(column.title), new Set())
- if (titles.size < columns.length) {
- // eslint-disable-next-line
- console.warn(
- 'BaseWeb DataTable: Column titles must be unique else will result in non-deterministic filtering.'
- )
- }
+ const titles = columns.reduce((set, column) => set.add(column.title), new Set())
+ if (titles.size < columns.length) {
+ // eslint-disable-next-line
+ console.warn(
+ 'BaseWeb DataTable: Column titles must be unique else will result in non-deterministic filtering.'
+ )
}
}, [columns])
}
diff --git a/console/src/pages/Admin/AdminSidebar.tsx b/console/src/pages/Admin/AdminSidebar.tsx
index 2d25ef8a93..a55bcaec15 100644
--- a/console/src/pages/Admin/AdminSidebar.tsx
+++ b/console/src/pages/Admin/AdminSidebar.tsx
@@ -22,7 +22,7 @@ export default function AdminSidebar({ style }: IComposedSidebarProps) {
style={style}
title={t('Admin Settings')}
titleLink='/admin'
- icon={
}
+ icon={
}
/>
)
}
diff --git a/console/src/pages/BaseSubLayout.tsx b/console/src/pages/BaseSubLayout.tsx
index 51a2945163..9ea46291ac 100644
--- a/console/src/pages/BaseSubLayout.tsx
+++ b/console/src/pages/BaseSubLayout.tsx
@@ -31,6 +31,9 @@ export default function BaseSubLayout({
style={{
paddingTop: 15,
paddingBottom: 15,
+ flex: '1',
+ display: 'flex',
+ flexDirection: 'column',
}}
>
{children}
diff --git a/console/src/pages/Evaluation/EvaluationListCard.tsx b/console/src/pages/Evaluation/EvaluationListCard.tsx
index 79317710bd..914a1b1315 100644
--- a/console/src/pages/Evaluation/EvaluationListCard.tsx
+++ b/console/src/pages/Evaluation/EvaluationListCard.tsx
@@ -26,16 +26,18 @@ import { useProject } from '@/domain/project/hooks/useProject'
import { TextLink } from '@/components/Link'
import { parseDecimal } from '@/utils'
import { WithCurrentAuth } from '@/api/WithAuth'
+import classNames from 'classnames'
import EvaluationListCompare from './EvaluationListCompare'
const gridLayout = [
// RIGHT:
- '0px 10px 1fr',
+ '0px 40px 1fr',
// MIDDLE:
- '1fr 10px 1fr',
+ '1fr 40px 1fr',
// LEFT:
- '1fr 10px 0px',
+ '1fr 40px 0px',
]
+const RESIZEBAR_WIDTH = 40
const page = { pageNum: 1, pageSize: 1000 }
export default function EvaluationListCard() {
const [css] = useStyletron()
@@ -251,7 +253,7 @@ export default function EvaluationListCard() {
gridRef.current!.style.gridTemplateColumns = `${Math.max(
newWidth,
440
- )}px 10px minmax(400px, 1fr)`
+ )}px ${RESIZEBAR_WIDTH}px minmax(400px, 1fr)`
}
}
})
@@ -339,125 +341,135 @@ export default function EvaluationListCard() {
}, [evaluationViewConfig.isSuccess, evaluationViewConfig.data])
return (
-
+
}
+ size={ButtonSize.compact}
+ onClick={() => {
+ history.push('new_job')
+ }}
+ isLoading={evaluationsInfo.isLoading}
+ >
+ {t('create')}
+
+
+ }
>
-
{
- leftRef.current = ref
- }}
- title={t('Evaluations')}
+
-
}
- size={ButtonSize.compact}
- onClick={() => {
- history.push('new_job')
- }}
- isLoading={evaluationsInfo.isLoading}
- >
- {t('create')}
-
-
- }
>
-
-
-
-
setIsCreateJobOpen(false)} closeable animate autoFocus>
- {t('create sth', [t('Job')])}
-
-
-
-
-
- {compareRows.length > 0 && (
- <>
- {/* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */}
-
-
handleResize(1)}
- >
-
-
-
+
+
+
+
+ {compareRows.length > 0 && (
+ <>
+ {/* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */}
+
handleResize(-1)}
+ onMouseDown={handleResizeStart}
>
- handleResize(1)}
+ >
+
+
+ handleResize(-1)}
+ >
+
+
+
+
+
-
-
+
+
+ )}
+