mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-17 19:32:47 +03:00
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
import { MdOutlineRemoveCircle } from "react-icons/md";
|
|
|
|
import Field from "@/lib/components/ui/Field";
|
|
import { Select } from "@/lib/components/ui/Select";
|
|
import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainContext";
|
|
|
|
import { userRoleToAssignableRoles } from "./NavBar/components/NavItems/components/BrainsDropDown/components/BrainActions/components/ShareBrain/types";
|
|
import {
|
|
BrainRoleAssignation,
|
|
BrainRoleType,
|
|
} from "./NavBar/components/NavItems/components/BrainsDropDown/components/BrainActions/types";
|
|
|
|
type UserToInviteProps = {
|
|
onChange: (newRole: BrainRoleAssignation) => void;
|
|
removeCurrentInvitation?: () => void;
|
|
roleAssignation: BrainRoleAssignation;
|
|
};
|
|
|
|
export const UserToInvite = ({
|
|
onChange,
|
|
removeCurrentInvitation,
|
|
roleAssignation,
|
|
}: UserToInviteProps): JSX.Element => {
|
|
const [selectedRole, setSelectedRole] = useState<BrainRoleType>(
|
|
roleAssignation.role
|
|
);
|
|
const [email, setEmail] = useState(roleAssignation.email);
|
|
const { currentBrain } = useBrainContext();
|
|
|
|
useEffect(() => {
|
|
onChange({
|
|
...roleAssignation,
|
|
email,
|
|
role: selectedRole,
|
|
});
|
|
}, [email, selectedRole]);
|
|
|
|
if (currentBrain === undefined) {
|
|
return <div />;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
data-testid="assignation-row"
|
|
className="flex flex-row align-center my-2 gap-3 items-center"
|
|
>
|
|
<div className="cursor-pointer" onClick={removeCurrentInvitation}>
|
|
<MdOutlineRemoveCircle />
|
|
</div>
|
|
<div className="flex flex-1">
|
|
<Field
|
|
name="email"
|
|
required
|
|
type="email"
|
|
placeholder="Email"
|
|
onChange={(e) => setEmail(e.target.value)}
|
|
value={email}
|
|
onBlur={() => email === "" && removeCurrentInvitation?.()}
|
|
data-testid="role-assignation-email-input"
|
|
/>
|
|
</div>
|
|
<Select
|
|
onChange={setSelectedRole}
|
|
value={selectedRole}
|
|
options={userRoleToAssignableRoles[currentBrain.role]}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|