Merged in feature/IO-1828-Front-End-Package-Updates (pull request #1163)

- Scoreboard fixes
This commit is contained in:
Dave Richer
2024-01-15 23:24:10 +00:00
2 changed files with 223 additions and 211 deletions

View File

@@ -33,7 +33,12 @@ export default function ScoreboardEntryEdit({ entry }) {
setLoading(false); setLoading(false);
}; };
const popContent = (
const menu = {
items: [
{
key: '1',
label: (
<Card style={{ padding: "1rem" }}> <Card style={{ padding: "1rem" }}>
<Form <Form
layout="vertical" layout="vertical"
@@ -86,13 +91,14 @@ export default function ScoreboardEntryEdit({ entry }) {
</Button> </Button>
</Form> </Form>
</Card> </Card>
); )
}
// TODO Client Update, why is this a card ]
}
return ( return (
<div> <div>
<Dropdown open={open} overlay={popContent}> <Dropdown open={open} menu={menu}>
<Button <Button
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();

View File

@@ -11,6 +11,7 @@ import ScoreboardEntryEdit from "../scoreboard-entry-edit/scoreboard-entry-edit.
import ScoreboardRemoveButton from "../scoreboard-remove-button/scorebard-remove-button.component"; import ScoreboardRemoveButton from "../scoreboard-remove-button/scorebard-remove-button.component";
import {SyncOutlined} from "@ant-design/icons"; import {SyncOutlined} from "@ant-design/icons";
import {pageLimit} from "../../utils/config"; import {pageLimit} from "../../utils/config";
export default function ScoreboardJobsList({scoreBoardlist}) { export default function ScoreboardJobsList({scoreBoardlist}) {
const {t} = useTranslation(); const {t} = useTranslation();
const [state, setState] = useState({ const [state, setState] = useState({
@@ -105,6 +106,9 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
destroyOnClose destroyOnClose
width="80%" width="80%"
cancelButtonProps={{style: {display: "none"}}} cancelButtonProps={{style: {display: "none"}}}
onOk={() => {
setState((state) => ({ ...state, open: false }));
}}
onCancel={() => onCancel={() =>
setState((state) => ({ setState((state) => ({
...state, ...state,
@@ -157,7 +161,9 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
</Card> </Card>
</Modal> </Modal>
<Button <Button
onClick={() => setState((state) => ({ ...state, open: true }))} onClick={() => {
setState((state) => ({...state, open: true}))
}}
> >
{t("scoreboard.labels.entries")} {t("scoreboard.labels.entries")}
</Button> </Button>