feat: wip import csv [part 1] (#1033)

* feat: wip import csv * feat: start implementing twenty UI * feat: new radio button component * feat: use new radio button component and fix scroll issue * fix: max height modal * feat: wip try to customize react-data-grid to match design * feat: wip match columns * feat: wip match column selection * feat: match column * feat: clean heading component & try to fix scroll in last step * feat: validation step * fix: small cleaning and remove unused component * feat: clean folder architecture * feat: remove translations * feat: remove chackra theme * feat: remove unused libraries * feat: use option button to open spreadsheet & fix stories * Fix lint and fix imports --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-08-16 00:12:47 +02:00
parent 1ca41021cf
commit 56cada6335
95 changed files with 7042 additions and 99 deletions
@@ -0,0 +1,26 @@
+import { useRecoilState } from 'recoil';
+
+import { dialogInternalState } from '../states/dialogState';
+
+import { Dialog } from './Dialog';
+
+export function DialogProvider({ children }: React.PropsWithChildren) {
+  const [dialogState, setDialogState] = useRecoilState(dialogInternalState);
+
+  // Handle dialog close event
+  const handleDialogClose = (id: string) => {
+    setDialogState((prevState) => ({
+      ...prevState,
+      queue: prevState.queue.filter((snackBar) => snackBar.id !== id),
+    }));
+  };
+
+  return (
+    <>
+      {children}
+      {dialogState.queue.map((dialog) => (
+        <Dialog {...dialog} onClose={() => handleDialogClose(dialog.id)} />
+      ))}
+    </>
+  );
+}