export confirmation dialog (#203)

* export confirmation dialog * fix imports --------- Co-authored-by: Vineeth Asok Kumar <[email protected]>
ClickHouse · Nov 13, 2023 · fd21630 · fd21630 · vercel · Nov 13, 2023
1 parent 3a20cfa
commit fd21630
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 6 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -37,7 +37,7 @@ import {
   TableHeaderType,
 } from "@/components";
 import { Dialog } from "@/components/Dialog/Dialog";
-import ConfirmationDialog from "@/components/ConfirmationDialog/ConfirmationDialog";
+import { ConfirmationDialog } from "@/components/ConfirmationDialog/ConfirmationDialog";
 
 const headers: Array<TableHeaderType> = [
   { label: "Company", isSortable: true, sortDir: "asc" },

diff --git a/src/components/ConfirmationDialog/ConfirmationDialog.stories.tsx b/src/components/ConfirmationDialog/ConfirmationDialog.stories.tsx
@@ -1,6 +1,7 @@
 import { Link } from "@/components";
 import { GridCenter } from "../commonElement";
-import ConfirmationDialog, {
+import {
+  ConfirmationDialog,
   ConfirmationDialogProps,
 } from "@/components/ConfirmationDialog/ConfirmationDialog";
 

diff --git a/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx b/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx
@@ -1,5 +1,6 @@
 import { renderCUI } from "@/utils/test-utils";
-import ConfirmationDialog, {
+import {
+  ConfirmationDialog,
   ConfirmationDialogProps,
 } from "@/components/ConfirmationDialog/ConfirmationDialog";
 import { fireEvent } from "@testing-library/dom";

diff --git a/src/components/ConfirmationDialog/ConfirmationDialog.tsx b/src/components/ConfirmationDialog/ConfirmationDialog.tsx
@@ -22,7 +22,7 @@ const ActionsWrapper = styled.div`
   gap: ${props => props.theme.click.dialog.space.gap};
 `;
 
-const ConfirmationDialog = ({
+export const ConfirmationDialog = ({
   open,
   onOpenChange,
   title,
@@ -61,5 +61,3 @@ const ConfirmationDialog = ({
     </Dialog>
   );
 };
-
-export default ConfirmationDialog;
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -16,6 +16,7 @@ export { CardPrimary } from "./CardPrimary/CardPrimary";
 export { Checkbox } from "./Checkbox/Checkbox";
 export { CodeBlock } from "./CodeBlock/CodeBlock";
 export { Dialog } from "./Dialog/Dialog";
+export { ConfirmationDialog } from "./ConfirmationDialog/ConfirmationDialog";
 export { EllipsisContent } from "./EllipsisContent/EllipsisContent";
 export { Flyout } from "./Flyout/Flyout";
 export { InlineCodeBlock } from "./CodeBlock/InlineCodeBlock";

diff --git a/src/components/types.ts b/src/components/types.ts
@@ -34,6 +34,7 @@ export type { PanelProps } from "./Panel/Panel";
 export type { FlyoutProps, FlyoutFooterProps, FlyoutHeaderProps } from "./Flyout/Flyout";
 export type { DialogContentProps } from "./Dialog/Dialog";
 export type { DialogProps, DialogTriggerProps } from "@radix-ui/react-dialog";
+export type { ConfirmationDialogProps } from "./ConfirmationDialog/ConfirmationDialog";
 export type { FileTabStatusType } from "./FileTabs/FileTabs";
 export type { TableHeaderType, TableRowType, TableProps } from "./Table/Table";