k

src/modals/EmployeeTableModal/EmployeeTableModal.tsx

@@ -0,0 +1,31 @@
+import SimpleUsersTable from "../../pages/LeadsPage/components/SimpleUsersTable/SimpleUsersTable.tsx";
+import {ContextModalProps} from "@mantine/modals";
+import {Flex, rem} from "@mantine/core";
+import {UserSchema} from "../../client";
+import {MutableRefObject, useEffect} from "react";
+
+type Props = {
+    items: MutableRefObject<UserSchema[]>
+    onChange: (items: UserSchema[]) => void;
+};
+
+const EmployeeTableModal = ({
+                                innerProps
+                            }: ContextModalProps<Props>) => {
+    useEffect(() => {
+        console.log("Effect from table modal");
+        console.log(innerProps.items);
+    }, [innerProps.items.current])
+    return (
+        <Flex direction={"column"} gap={rem(10)}>
+            <SimpleUsersTable
+                items={innerProps.items.current}
+                onChange={(event) => {
+                    innerProps.onChange(event);
+                }}
+            />
+
+        </Flex>
+    )
+}
+export default EmployeeTableModal;