mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-05-13 20:05:57 +01:00
f3c96b91bd
* Sample Prompts and ComboBox implementation * Adding DeletePopup and SamplePrompts * Implementation of Delete/Copy code buttons * Adjusted changes based on the comments for Modal * Reverded implementation of inline prompt * Updated function * Replacing const to function * Unused icons deleted * Comments removed * Additional styling based on designs * Test snapshots * Implementation of popup for copying code * Tests updated/added * Background color changed * Resolving lint issue * CopyPopup snapshot updated * Merged with master * Implementations fixed based on comments * Test Snapshots updated * Query copilot updated * Resolving minor bug with Delete popup --------- Co-authored-by: Predrag Klepic <v-prklepic@microsoft.com>
39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { DefaultButton, Modal, PrimaryButton, Stack, Text } from "@fluentui/react";
|
|
import React, { Dispatch, SetStateAction } from "react";
|
|
|
|
export const DeletePopup = ({
|
|
showDeletePopup,
|
|
setShowDeletePopup,
|
|
setQuery,
|
|
}: {
|
|
showDeletePopup: boolean;
|
|
setShowDeletePopup: Dispatch<SetStateAction<boolean>>;
|
|
setQuery: Dispatch<SetStateAction<string>>;
|
|
}): JSX.Element => {
|
|
const deleteCode = () => {
|
|
setQuery("");
|
|
setShowDeletePopup(false);
|
|
};
|
|
|
|
return (
|
|
<Modal isOpen={showDeletePopup} styles={{ main: { minHeight: "122px", minWidth: "880px" } }}>
|
|
<Stack style={{ padding: "16px 24px", height: "auto" }}>
|
|
<Text style={{ height: 24, fontSize: "18px" }}>
|
|
<b>Delete code?</b>
|
|
</Text>
|
|
<Text style={{ marginTop: 10, marginBottom: 20 }}>
|
|
This will clear the query from the query builder pane along with all comments and also reset the prompt pane
|
|
</Text>
|
|
<Stack horizontal tokens={{ childrenGap: 10 }} horizontalAlign="start">
|
|
<PrimaryButton style={{ padding: "0px 20px", height: 24 }} onClick={deleteCode}>
|
|
Delete
|
|
</PrimaryButton>
|
|
<DefaultButton style={{ padding: "0px 20px", height: 24 }} onClick={() => setShowDeletePopup(false)}>
|
|
Close
|
|
</DefaultButton>
|
|
</Stack>
|
|
</Stack>
|
|
</Modal>
|
|
);
|
|
};
|