blob: b8fc2bb73dd517171f78b47913f33ab5426cd4f7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
import { useDispatch, useSelector } from "react-redux";
import { RootStore } from "../../redux/store";
import { useContext } from "react";
import { GUIClientContext } from "../../App";
import { TrashIcon } from "@heroicons/react/24/outline";
import HeaderButtonWithText from "../HeaderButtonWithText";
import {
setDialogMessage,
setShowDialog,
} from "../../redux/slices/uiStateSlice";
import {
Button,
defaultBorderRadius,
secondaryDark,
vscBackground,
vscForeground,
} from "..";
import styled from "styled-components";
const MiniPillSpan = styled.span`
padding: 3px;
padding-left: 6px;
padding-right: 6px;
border-radius: ${defaultBorderRadius};
color: ${vscForeground};
background-color: #fff3;
overflow: hidden;
font-size: 12px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
`;
const ContextGroupSelectDiv = styled.div`
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: ${defaultBorderRadius};
background-color: ${secondaryDark};
color: ${vscForeground};
margin-top: 8px;
cursor: pointer;
&:hover {
background-color: ${vscBackground};
color: ${vscForeground};
}
`;
function SelectContextGroupDialog() {
const dispatch = useDispatch();
const savedContextGroups = useSelector(
(state: RootStore) => state.serverState.saved_context_groups
);
const client = useContext(GUIClientContext);
return (
<div className="px-4">
<h2>Saved Context Groups</h2>
{savedContextGroups && Object.keys(savedContextGroups).length > 0 ? (
<div className="overflow-scroll">
{Object.keys(savedContextGroups).map((key: string) => {
const contextGroup = savedContextGroups[key];
return (
<ContextGroupSelectDiv
onClick={() => {
dispatch(setDialogMessage(undefined));
dispatch(setShowDialog(false));
client?.selectContextGroup(key);
}}
>
<b>{key}: </b>
{contextGroup.map((contextItem) => {
return (
<MiniPillSpan>{contextItem.description.name}</MiniPillSpan>
);
})}
<HeaderButtonWithText
text="Delete"
onClick={(e) => {
e.stopPropagation();
client?.deleteContextGroup(key);
}}
>
<TrashIcon width="1.4em" height="1.4em" />
</HeaderButtonWithText>
</ContextGroupSelectDiv>
);
})}
</div>
) : (
<div>No saved context groups</div>
)}
<Button
className="ml-auto"
onClick={() => {
dispatch(setDialogMessage(undefined));
dispatch(setShowDialog(false));
}}
>
Cancel
</Button>
</div>
);
}
export default SelectContextGroupDialog;
|
