Merge 07d7259858
into 08a0f8f1d2
This commit is contained in:
commit
0568741cd1
|
@ -1,4 +1,5 @@
|
|||
import React from "react";
|
||||
import Tooltip from "@mui/material/Tooltip";
|
||||
import {
|
||||
TableHead,
|
||||
TableRow,
|
||||
|
@ -116,13 +117,20 @@ const JobTableHeader = ({
|
|||
onClick={toggleSortDirection}
|
||||
startIcon={
|
||||
sortDirection === "desc" ? (
|
||||
<ArrowDownward fontSize="small" />
|
||||
) : sortDirection === "asc" ? (
|
||||
<ArrowUpward fontSize="small" />
|
||||
) : (
|
||||
<UnfoldMore fontSize="small" />
|
||||
)
|
||||
}
|
||||
<Tooltip title="ascending" >
|
||||
<ArrowDownward fontSize="small" />
|
||||
</Tooltip>
|
||||
) : sortDirection === "asc" ? (
|
||||
<Tooltip title="descending">
|
||||
<ArrowUpward fontSize="small" />
|
||||
</Tooltip>
|
||||
|
||||
) : (
|
||||
<Tooltip title="Sort by Creation Time">
|
||||
<UnfoldMore fontSize="small" />
|
||||
</Tooltip>
|
||||
)
|
||||
}
|
||||
sx={{
|
||||
textTransform: "none",
|
||||
padding: "4px 12px",
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
import React from "react";
|
||||
import Tooltip from '@mui/material/Tooltip';
|
||||
import {
|
||||
TableHead,
|
||||
TableRow,
|
||||
|
@ -114,11 +115,18 @@ const TableHeader = ({
|
|||
onClick={onSortDirectionToggle}
|
||||
startIcon={
|
||||
sortDirection === "desc" ? (
|
||||
<ArrowDownward fontSize="small" />
|
||||
<Tooltip title="ascending" >
|
||||
<ArrowDownward fontSize="small" />
|
||||
</Tooltip>
|
||||
) : sortDirection === "asc" ? (
|
||||
<ArrowUpward fontSize="small" />
|
||||
<Tooltip title="descending">
|
||||
<ArrowUpward fontSize="small" />
|
||||
</Tooltip>
|
||||
|
||||
) : (
|
||||
<UnfoldMore fontSize="small" />
|
||||
<Tooltip title="Sort by Creation Time">
|
||||
<UnfoldMore fontSize="small" />
|
||||
</Tooltip>
|
||||
)
|
||||
}
|
||||
sx={{
|
||||
|
|
|
@ -13,7 +13,7 @@ import QueueTableHeader from "./QueueTableHeader";
|
|||
import QueueTableRow from "./QueueTableRow";
|
||||
import QueueTableDeleteDialog from "./QueueTableDeleteDialog";
|
||||
|
||||
const QueueTable = ({
|
||||
const QueueTable = ({
|
||||
sortedQueues,
|
||||
allocatedFields,
|
||||
handleQueueClick,
|
||||
|
|
|
@ -11,6 +11,7 @@ import {
|
|||
MenuItem,
|
||||
useTheme,
|
||||
alpha,
|
||||
Tooltip,
|
||||
} from "@mui/material";
|
||||
import {
|
||||
ArrowDownward,
|
||||
|
@ -105,12 +106,18 @@ const QueueTableHeader = ({
|
|||
>
|
||||
{sortConfig.field === field ? (
|
||||
sortConfig.direction === "asc" ? (
|
||||
<ArrowUpward fontSize="small" />
|
||||
<Tooltip title="Sort by Ascending">
|
||||
<ArrowUpward fontSize="small" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<Tooltip title="Sort by Descending">
|
||||
<ArrowDownward fontSize="small" />
|
||||
</Tooltip>
|
||||
)
|
||||
) : (
|
||||
<UnfoldMore fontSize="small" />
|
||||
<Tooltip title={`Sort by ${field}`}>
|
||||
<UnfoldMore fontSize="small" />
|
||||
</Tooltip>
|
||||
)}
|
||||
</IconButton>
|
||||
</Box>
|
||||
|
@ -143,12 +150,19 @@ const QueueTableHeader = ({
|
|||
startIcon={
|
||||
sortConfig.field === "creationTime" ? (
|
||||
sortConfig.direction === "asc" ? (
|
||||
<ArrowUpward fontSize="small" />
|
||||
<Tooltip title="Descending">
|
||||
<ArrowUpward fontSize="small" />
|
||||
</Tooltip>
|
||||
|
||||
) : (
|
||||
<ArrowDownward fontSize="small" />
|
||||
<Tooltip title="Ascending">
|
||||
<ArrowDownward fontSize="small" />
|
||||
</Tooltip>
|
||||
)
|
||||
) : (
|
||||
<UnfoldMore fontSize="small" />
|
||||
<Tooltip title="Sort by Creation Time">
|
||||
<UnfoldMore fontSize="small" />
|
||||
</Tooltip>
|
||||
)
|
||||
}
|
||||
sx={{
|
||||
|
|
Loading…
Reference in New Issue