f06851fa37
- Introduced new localization files for Albanian, German, Spanish, Portuguese, and Chinese, enhancing the application's multilingual support. - Added new keys and updated existing translations in project-view, task-list-table, and settings files to improve user experience across different languages. - Enhanced error handling and empty state messages in task management components to provide clearer feedback to users. - Updated tooltip texts and button labels for better clarity and consistency in the user interface.
88 lines
2.2 KiB
TypeScript
88 lines
2.2 KiB
TypeScript
import { Divider, Form, Input, message, Modal, Typography } from 'antd';
|
|
import { useEffect, useState } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useAppDispatch } from '@/hooks/useAppDispatch';
|
|
import { editTeamName, fetchTeams } from '@/features/teams/teamSlice';
|
|
import { ITeamGetResponse } from '@/types/teams/team.type';
|
|
|
|
interface EditTeamNameModalProps {
|
|
team: ITeamGetResponse | null;
|
|
isModalOpen: boolean;
|
|
onCancel: () => void;
|
|
}
|
|
|
|
const EditTeamNameModal = ({ team, isModalOpen, onCancel }: EditTeamNameModalProps) => {
|
|
const { t } = useTranslation('settings/teams');
|
|
const dispatch = useAppDispatch();
|
|
const [form] = Form.useForm();
|
|
const [updating, setUpdating] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (team) {
|
|
form.setFieldsValue({ name: team.name });
|
|
}
|
|
}, [form, team]);
|
|
|
|
// function for form submition
|
|
const handleFormSubmit = async (value: any) => {
|
|
if (!team || !team.id || !value.name) return;
|
|
try {
|
|
setUpdating(true);
|
|
const res = await dispatch(editTeamName({ name: value.name, id: team.id })).unwrap();
|
|
if (res.done) {
|
|
onCancel();
|
|
dispatch(fetchTeams());
|
|
}
|
|
setUpdating(false);
|
|
} catch (error) {
|
|
message.error(t('updateFailed'));
|
|
} finally {
|
|
setUpdating(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Modal
|
|
title={
|
|
<Typography.Text
|
|
style={{
|
|
fontWeight: 500,
|
|
fontSize: 16,
|
|
width: '100%',
|
|
}}
|
|
>
|
|
{t('editTeamName')}
|
|
<Divider />
|
|
</Typography.Text>
|
|
}
|
|
open={isModalOpen}
|
|
onOk={form.submit}
|
|
okText={t('updateName')}
|
|
onCancel={() => {
|
|
onCancel();
|
|
setUpdating(false);
|
|
form.resetFields();
|
|
}}
|
|
confirmLoading={updating}
|
|
destroyOnClose={true}
|
|
>
|
|
<Form form={form} layout="vertical" onFinish={handleFormSubmit}>
|
|
<Form.Item
|
|
name="name"
|
|
label={t('name')}
|
|
rules={[
|
|
{
|
|
required: true,
|
|
message: t('nameRequired'),
|
|
},
|
|
]}
|
|
>
|
|
<Input placeholder={t('namePlaceholder')} />
|
|
</Form.Item>
|
|
</Form>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default EditTeamNameModal;
|