9cfde896b3
* [WEB-5134] refactor: update `web` ESLint configuration and refactor imports to use type imports - Enhanced ESLint configuration by adding new rules for import consistency and type imports. - Refactored multiple files to replace regular imports with type imports for better clarity and performance. - Ensured consistent use of type imports across the application to align with TypeScript best practices. * refactor: standardize type imports across components - Updated multiple files to replace regular imports with type imports for improved clarity and consistency. - Ensured adherence to TypeScript best practices in the rich filters and issue layouts components.
60 lines
2 KiB
TypeScript
60 lines
2 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { observer } from "mobx-react";
|
|
import { useParams } from "next/navigation";
|
|
// plane imports
|
|
import { useTranslation } from "@plane/i18n";
|
|
import type { IWorkspaceBulkInviteFormData } from "@plane/types";
|
|
import { EModalWidth, EModalPosition, ModalCore } from "@plane/ui";
|
|
// components
|
|
import { InvitationModalActions } from "@/components/workspace/invite-modal/actions";
|
|
import { InvitationFields } from "@/components/workspace/invite-modal/fields";
|
|
import { InvitationForm } from "@/components/workspace/invite-modal/form";
|
|
// hooks
|
|
import { useWorkspaceInvitationActions } from "@/hooks/use-workspace-invitation";
|
|
|
|
export type TSendWorkspaceInvitationModalProps = {
|
|
isOpen: boolean;
|
|
onClose: () => void;
|
|
onSubmit: (data: IWorkspaceBulkInviteFormData) => Promise<void> | undefined;
|
|
};
|
|
|
|
export const SendWorkspaceInvitationModal: React.FC<TSendWorkspaceInvitationModalProps> = observer((props) => {
|
|
const { isOpen, onClose, onSubmit } = props;
|
|
// store hooks
|
|
const { t } = useTranslation();
|
|
// router
|
|
const { workspaceSlug } = useParams();
|
|
// derived values
|
|
const { control, fields, formState, remove, onFormSubmit, handleClose, appendField } = useWorkspaceInvitationActions({
|
|
onSubmit,
|
|
onClose,
|
|
});
|
|
|
|
return (
|
|
<ModalCore isOpen={isOpen} position={EModalPosition.TOP} width={EModalWidth.XXL}>
|
|
<InvitationForm
|
|
title={t("workspace_settings.settings.members.modal.title")}
|
|
description={t("workspace_settings.settings.members.modal.description")}
|
|
onSubmit={onFormSubmit}
|
|
actions={
|
|
<InvitationModalActions
|
|
isSubmitting={formState.isSubmitting}
|
|
handleClose={handleClose}
|
|
appendField={appendField}
|
|
/>
|
|
}
|
|
className="p-5"
|
|
>
|
|
<InvitationFields
|
|
workspaceSlug={workspaceSlug.toString()}
|
|
fields={fields}
|
|
control={control}
|
|
formState={formState}
|
|
remove={remove}
|
|
/>
|
|
</InvitationForm>
|
|
</ModalCore>
|
|
);
|
|
});
|