mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2025-10-27 16:55:06 +00:00
fixed issue allow user to add tag 64 character long (#6144)
This commit is contained in:
Shailesh Parmar
GitHub
parent
78e41a66a6
commit
ef495e1118
@ -143,6 +143,7 @@ const TagsPage = () => {
|
|||||||
);
|
);
|
||||||
showErrorToast(errMsg);
|
showErrorToast(errMsg);
|
||||||
setError(errMsg);
|
setError(errMsg);
|
||||||
|
setCurrentCategory({ name } as TagCategory);
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -163,8 +164,8 @@ const TagsPage = () => {
|
|||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
errData['name'] = 'Name already exists';
|
errData['name'] = 'Name already exists';
|
||||||
} else if (data.name.length < 2 || data.name.length > 25) {
|
} else if (data.name.length < 2 || data.name.length > 64) {
|
||||||
errData['name'] = 'Name size must be between 2 and 25';
|
errData['name'] = 'Name size must be between 2 and 64';
|
||||||
} else if (!isUrlFriendlyName(data.name.trim())) {
|
} else if (!isUrlFriendlyName(data.name.trim())) {
|
||||||
errData['name'] = 'Special characters are not allowed';
|
errData['name'] = 'Special characters are not allowed';
|
||||||
}
|
}
|
||||||
@ -326,8 +327,8 @@ const TagsPage = () => {
|
|||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
errData['name'] = 'Name already exists';
|
errData['name'] = 'Name already exists';
|
||||||
} else if (data.name.length < 2 || data.name.length > 25) {
|
} else if (data.name.length < 2 || data.name.length > 64) {
|
||||||
errData['name'] = 'Name size must be between 2 and 25';
|
errData['name'] = 'Name size must be between 2 and 64';
|
||||||
}
|
}
|
||||||
setErrorDataTag(errData);
|
setErrorDataTag(errData);
|
||||||
|
|
||||||
@ -474,309 +475,296 @@ const TagsPage = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<PageContainerV1 className="tw-py-4">
|
||||||
{error ? (
|
<PageLayout leftPanel={fetchLeftPanel()}>
|
||||||
<ErrorPlaceHolder>
|
{isLoading ? (
|
||||||
<p className="tw-text-center tw-m-auto">{error}</p>
|
<Loader />
|
||||||
</ErrorPlaceHolder>
|
) : error ? (
|
||||||
) : (
|
<ErrorPlaceHolder>
|
||||||
<PageContainerV1 className="tw-py-4">
|
<p className="tw-text-center tw-m-auto">{error}</p>
|
||||||
<PageLayout leftPanel={fetchLeftPanel()}>
|
</ErrorPlaceHolder>
|
||||||
{isLoading ? (
|
) : (
|
||||||
<Loader />
|
<div
|
||||||
) : (
|
className="full-height"
|
||||||
|
data-testid="tags-container"
|
||||||
|
style={{ padding: '14px' }}>
|
||||||
|
{currentCategory && (
|
||||||
<div
|
<div
|
||||||
className="full-height"
|
className="tw-flex tw-justify-between tw-items-center"
|
||||||
data-testid="tags-container"
|
data-testid="header">
|
||||||
style={{ padding: '14px' }}>
|
|
||||||
{currentCategory && (
|
|
||||||
<div
|
|
||||||
className="tw-flex tw-justify-between tw-items-center"
|
|
||||||
data-testid="header">
|
|
||||||
<div
|
|
||||||
className="tw-heading tw-text-link tw-text-base"
|
|
||||||
data-testid="category-name">
|
|
||||||
{currentCategory.displayName ?? currentCategory.name}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<NonAdminAction
|
|
||||||
position="bottom"
|
|
||||||
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
|
||||||
<Button
|
|
||||||
className={classNames('tw-h-8 tw-rounded tw-mb-3', {
|
|
||||||
'tw-opacity-40': !isAdminUser && !isAuthDisabled,
|
|
||||||
})}
|
|
||||||
data-testid="add-new-tag-button"
|
|
||||||
size="small"
|
|
||||||
theme="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={() => {
|
|
||||||
setIsAddingTag((prevState) => !prevState);
|
|
||||||
setErrorDataTag(undefined);
|
|
||||||
}}>
|
|
||||||
Add new tag
|
|
||||||
</Button>
|
|
||||||
</NonAdminAction>
|
|
||||||
<NonAdminAction
|
|
||||||
position="bottom"
|
|
||||||
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
|
||||||
<Button
|
|
||||||
className={classNames(
|
|
||||||
'tw-h-8 tw-rounded tw-mb-3 tw-ml-2',
|
|
||||||
{
|
|
||||||
'tw-opacity-40': !isAdminUser && !isAuthDisabled,
|
|
||||||
}
|
|
||||||
)}
|
|
||||||
data-testid="delete-tag-category-button"
|
|
||||||
size="small"
|
|
||||||
theme="primary"
|
|
||||||
variant="outlined"
|
|
||||||
onClick={() => {
|
|
||||||
deleteTagHandler();
|
|
||||||
}}>
|
|
||||||
Delete category
|
|
||||||
</Button>
|
|
||||||
</NonAdminAction>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div
|
<div
|
||||||
className="tw-mb-3 tw--ml-5"
|
className="tw-heading tw-text-link tw-text-base"
|
||||||
data-testid="description-container">
|
data-testid="category-name">
|
||||||
<Description
|
{currentCategory.displayName ?? currentCategory.name}
|
||||||
blurWithBodyBG
|
|
||||||
description={currentCategory?.description || ''}
|
|
||||||
entityName={
|
|
||||||
currentCategory?.displayName ?? currentCategory?.name
|
|
||||||
}
|
|
||||||
isEdit={isEditCategory}
|
|
||||||
onCancel={() => setIsEditCategory(false)}
|
|
||||||
onDescriptionEdit={() => setIsEditCategory(true)}
|
|
||||||
onDescriptionUpdate={UpdateCategory}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="tw-bg-white">
|
<div>
|
||||||
<table className="tw-w-full" data-testid="table">
|
<NonAdminAction
|
||||||
<thead>
|
position="bottom"
|
||||||
<tr className="tableHead-row">
|
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
||||||
<th
|
<Button
|
||||||
className="tableHead-cell"
|
className={classNames('tw-h-8 tw-rounded tw-mb-3', {
|
||||||
data-testid="heading-name">
|
'tw-opacity-40': !isAdminUser && !isAuthDisabled,
|
||||||
Name
|
})}
|
||||||
</th>
|
data-testid="add-new-tag-button"
|
||||||
<th
|
size="small"
|
||||||
className="tableHead-cell"
|
theme="primary"
|
||||||
data-testid="heading-description">
|
variant="contained"
|
||||||
Description
|
onClick={() => {
|
||||||
</th>
|
setIsAddingTag((prevState) => !prevState);
|
||||||
<th
|
setErrorDataTag(undefined);
|
||||||
className="tableHead-cell tw-w-10"
|
}}>
|
||||||
data-testid="heading-actions">
|
Add new tag
|
||||||
Actions
|
</Button>
|
||||||
</th>
|
</NonAdminAction>
|
||||||
</tr>
|
<NonAdminAction
|
||||||
</thead>
|
position="bottom"
|
||||||
<tbody className="tw-text-sm" data-testid="table-body">
|
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
||||||
{currentCategory?.children?.length ? (
|
<Button
|
||||||
(currentCategory.children as TagClass[])?.map(
|
className={classNames(
|
||||||
(tag: TagClass, index: number) => {
|
'tw-h-8 tw-rounded tw-mb-3 tw-ml-2',
|
||||||
return (
|
{
|
||||||
<tr
|
'tw-opacity-40': !isAdminUser && !isAuthDisabled,
|
||||||
className={`tableBody-row ${
|
}
|
||||||
!isEven(index + 1) && 'odd-row'
|
|
||||||
}`}
|
|
||||||
key={index}>
|
|
||||||
<td className="tableBody-cell">
|
|
||||||
<p>{tag.name}</p>
|
|
||||||
</td>
|
|
||||||
<td className="tw-group tableBody-cell">
|
|
||||||
<div className="tw-cursor-pointer tw-flex">
|
|
||||||
<div>
|
|
||||||
{tag.description ? (
|
|
||||||
<RichTextEditorPreviewer
|
|
||||||
markdown={tag.description}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<span className="tw-no-description">
|
|
||||||
No description
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<NonAdminAction
|
|
||||||
permission={Operation.EditDescription}
|
|
||||||
position="left"
|
|
||||||
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
|
||||||
<button
|
|
||||||
className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none"
|
|
||||||
onClick={() => {
|
|
||||||
setIsEditTag(true);
|
|
||||||
setEditTag(tag);
|
|
||||||
}}>
|
|
||||||
<SVGIcons
|
|
||||||
alt="edit"
|
|
||||||
data-testid="editTagDescription"
|
|
||||||
icon="icon-edit"
|
|
||||||
title="Edit"
|
|
||||||
width="16px"
|
|
||||||
/>
|
|
||||||
</button>
|
|
||||||
</NonAdminAction>
|
|
||||||
</div>
|
|
||||||
<div className="tw-mt-1" data-testid="usage">
|
|
||||||
<span className="tw-text-grey-muted tw-mr-1">
|
|
||||||
Usage:
|
|
||||||
</span>
|
|
||||||
{tag.usageCount ? (
|
|
||||||
<Link
|
|
||||||
className="link-text tw-align-middle"
|
|
||||||
data-testid="usage-count"
|
|
||||||
to={getUsageCountLink(
|
|
||||||
tag.fullyQualifiedName || ''
|
|
||||||
)}>
|
|
||||||
{tag.usageCount}
|
|
||||||
</Link>
|
|
||||||
) : (
|
|
||||||
<span
|
|
||||||
className="tw-no-description"
|
|
||||||
data-testid="usage-count">
|
|
||||||
Not used
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td className="tableBody-cell">
|
|
||||||
<div className="tw-text-center">
|
|
||||||
<NonAdminAction
|
|
||||||
position="bottom"
|
|
||||||
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
|
||||||
<button
|
|
||||||
className="link-text"
|
|
||||||
data-testid="delete-tag"
|
|
||||||
onClick={() =>
|
|
||||||
setDeleteTags({
|
|
||||||
data: {
|
|
||||||
id: tag.id as string,
|
|
||||||
name: tag.name,
|
|
||||||
categoryName:
|
|
||||||
currentCategory.name,
|
|
||||||
isCategory: false,
|
|
||||||
status: 'waiting',
|
|
||||||
},
|
|
||||||
state: true,
|
|
||||||
})
|
|
||||||
}>
|
|
||||||
{deleteTags.data?.id === tag.id ? (
|
|
||||||
deleteTags.data?.status ===
|
|
||||||
'success' ? (
|
|
||||||
<FontAwesomeIcon icon="check" />
|
|
||||||
) : (
|
|
||||||
<Loader
|
|
||||||
size="small"
|
|
||||||
type="default"
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
) : (
|
|
||||||
<SVGIcons
|
|
||||||
alt="delete"
|
|
||||||
icon="icon-delete"
|
|
||||||
title="Delete"
|
|
||||||
width="16px"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
</NonAdminAction>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
)
|
|
||||||
) : (
|
|
||||||
<tr className="tableBody-row">
|
|
||||||
<td
|
|
||||||
className="tableBody-cell tw-text-center"
|
|
||||||
colSpan={4}>
|
|
||||||
No tags available.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
)}
|
)}
|
||||||
</tbody>
|
data-testid="delete-tag-category-button"
|
||||||
</table>
|
size="small"
|
||||||
|
theme="primary"
|
||||||
|
variant="outlined"
|
||||||
|
onClick={() => {
|
||||||
|
deleteTagHandler();
|
||||||
|
}}>
|
||||||
|
Delete category
|
||||||
|
</Button>
|
||||||
|
</NonAdminAction>
|
||||||
</div>
|
</div>
|
||||||
{isEditTag && (
|
|
||||||
<ModalWithMarkdownEditor
|
|
||||||
header={`Edit description for ${editTag?.name}`}
|
|
||||||
placeholder="Enter Description"
|
|
||||||
value={editTag?.description as string}
|
|
||||||
onCancel={() => {
|
|
||||||
setIsEditTag(false);
|
|
||||||
setEditTag(undefined);
|
|
||||||
}}
|
|
||||||
onSave={updatePrimaryTag}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{isAddingCategory && (
|
|
||||||
<FormModal
|
|
||||||
errorData={errorDataCategory}
|
|
||||||
form={Form}
|
|
||||||
header="Adding new category"
|
|
||||||
initialData={{
|
|
||||||
name: '',
|
|
||||||
description: '',
|
|
||||||
categoryType: TagCategoryType.Descriptive,
|
|
||||||
}}
|
|
||||||
isSaveButtonDisabled={!isEmpty(errorDataCategory)}
|
|
||||||
onCancel={() => setIsAddingCategory(false)}
|
|
||||||
onChange={(data) => {
|
|
||||||
setErrorDataCategory({});
|
|
||||||
onNewCategoryChange(data as TagCategory);
|
|
||||||
}}
|
|
||||||
onSave={(data) => createCategory(data as TagCategory)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{isAddingTag && (
|
|
||||||
<FormModal
|
|
||||||
errorData={errorDataTag}
|
|
||||||
form={Form}
|
|
||||||
header={`Adding new tag on ${
|
|
||||||
currentCategory?.displayName ?? currentCategory?.name
|
|
||||||
}`}
|
|
||||||
initialData={{
|
|
||||||
name: '',
|
|
||||||
description: '',
|
|
||||||
categoryType: '',
|
|
||||||
}}
|
|
||||||
isSaveButtonDisabled={!isEmpty(errorDataTag)}
|
|
||||||
onCancel={() => setIsAddingTag(false)}
|
|
||||||
onChange={(data) => {
|
|
||||||
setErrorDataTag({});
|
|
||||||
onNewTagChange(data as TagCategory);
|
|
||||||
}}
|
|
||||||
onSave={(data) => createPrimaryTag(data as TagCategory)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{deleteTags.state && (
|
|
||||||
<ConfirmationModal
|
|
||||||
bodyText={`Are you sure you want to delete the tag ${
|
|
||||||
deleteTags.data?.isCategory ? 'category' : ''
|
|
||||||
} "${deleteTags.data?.name}"?`}
|
|
||||||
cancelText="Cancel"
|
|
||||||
confirmText="Confirm"
|
|
||||||
header={`Delete Tag ${
|
|
||||||
deleteTags.data?.isCategory ? 'Category' : ''
|
|
||||||
}`}
|
|
||||||
onCancel={() =>
|
|
||||||
setDeleteTags({ data: undefined, state: false })
|
|
||||||
}
|
|
||||||
onConfirm={handleConfirmClick}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</PageLayout>
|
<div
|
||||||
</PageContainerV1>
|
className="tw-mb-3 tw--ml-5"
|
||||||
)}
|
data-testid="description-container">
|
||||||
</>
|
<Description
|
||||||
|
blurWithBodyBG
|
||||||
|
description={currentCategory?.description || ''}
|
||||||
|
entityName={
|
||||||
|
currentCategory?.displayName ?? currentCategory?.name
|
||||||
|
}
|
||||||
|
isEdit={isEditCategory}
|
||||||
|
onCancel={() => setIsEditCategory(false)}
|
||||||
|
onDescriptionEdit={() => setIsEditCategory(true)}
|
||||||
|
onDescriptionUpdate={UpdateCategory}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="tw-bg-white">
|
||||||
|
<table className="tw-w-full" data-testid="table">
|
||||||
|
<thead>
|
||||||
|
<tr className="tableHead-row">
|
||||||
|
<th className="tableHead-cell" data-testid="heading-name">
|
||||||
|
Name
|
||||||
|
</th>
|
||||||
|
<th
|
||||||
|
className="tableHead-cell"
|
||||||
|
data-testid="heading-description">
|
||||||
|
Description
|
||||||
|
</th>
|
||||||
|
<th
|
||||||
|
className="tableHead-cell tw-w-10"
|
||||||
|
data-testid="heading-actions">
|
||||||
|
Actions
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="tw-text-sm" data-testid="table-body">
|
||||||
|
{currentCategory?.children?.length ? (
|
||||||
|
(currentCategory.children as TagClass[])?.map(
|
||||||
|
(tag: TagClass, index: number) => {
|
||||||
|
return (
|
||||||
|
<tr
|
||||||
|
className={`tableBody-row ${
|
||||||
|
!isEven(index + 1) && 'odd-row'
|
||||||
|
}`}
|
||||||
|
key={index}>
|
||||||
|
<td className="tableBody-cell">
|
||||||
|
<p>{tag.name}</p>
|
||||||
|
</td>
|
||||||
|
<td className="tw-group tableBody-cell">
|
||||||
|
<div className="tw-cursor-pointer tw-flex">
|
||||||
|
<div>
|
||||||
|
{tag.description ? (
|
||||||
|
<RichTextEditorPreviewer
|
||||||
|
markdown={tag.description}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<span className="tw-no-description">
|
||||||
|
No description
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<NonAdminAction
|
||||||
|
permission={Operation.EditDescription}
|
||||||
|
position="left"
|
||||||
|
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
||||||
|
<button
|
||||||
|
className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none"
|
||||||
|
onClick={() => {
|
||||||
|
setIsEditTag(true);
|
||||||
|
setEditTag(tag);
|
||||||
|
}}>
|
||||||
|
<SVGIcons
|
||||||
|
alt="edit"
|
||||||
|
data-testid="editTagDescription"
|
||||||
|
icon="icon-edit"
|
||||||
|
title="Edit"
|
||||||
|
width="16px"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</NonAdminAction>
|
||||||
|
</div>
|
||||||
|
<div className="tw-mt-1" data-testid="usage">
|
||||||
|
<span className="tw-text-grey-muted tw-mr-1">
|
||||||
|
Usage:
|
||||||
|
</span>
|
||||||
|
{tag.usageCount ? (
|
||||||
|
<Link
|
||||||
|
className="link-text tw-align-middle"
|
||||||
|
data-testid="usage-count"
|
||||||
|
to={getUsageCountLink(
|
||||||
|
tag.fullyQualifiedName || ''
|
||||||
|
)}>
|
||||||
|
{tag.usageCount}
|
||||||
|
</Link>
|
||||||
|
) : (
|
||||||
|
<span
|
||||||
|
className="tw-no-description"
|
||||||
|
data-testid="usage-count">
|
||||||
|
Not used
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td className="tableBody-cell">
|
||||||
|
<div className="tw-text-center">
|
||||||
|
<NonAdminAction
|
||||||
|
position="bottom"
|
||||||
|
title={TITLE_FOR_NON_ADMIN_ACTION}>
|
||||||
|
<button
|
||||||
|
className="link-text"
|
||||||
|
data-testid="delete-tag"
|
||||||
|
onClick={() =>
|
||||||
|
setDeleteTags({
|
||||||
|
data: {
|
||||||
|
id: tag.id as string,
|
||||||
|
name: tag.name,
|
||||||
|
categoryName: currentCategory.name,
|
||||||
|
isCategory: false,
|
||||||
|
status: 'waiting',
|
||||||
|
},
|
||||||
|
state: true,
|
||||||
|
})
|
||||||
|
}>
|
||||||
|
{deleteTags.data?.id === tag.id ? (
|
||||||
|
deleteTags.data?.status === 'success' ? (
|
||||||
|
<FontAwesomeIcon icon="check" />
|
||||||
|
) : (
|
||||||
|
<Loader size="small" type="default" />
|
||||||
|
)
|
||||||
|
) : (
|
||||||
|
<SVGIcons
|
||||||
|
alt="delete"
|
||||||
|
icon="icon-delete"
|
||||||
|
title="Delete"
|
||||||
|
width="16px"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</NonAdminAction>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
)
|
||||||
|
) : (
|
||||||
|
<tr className="tableBody-row">
|
||||||
|
<td className="tableBody-cell tw-text-center" colSpan={4}>
|
||||||
|
No tags available.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{isEditTag && (
|
||||||
|
<ModalWithMarkdownEditor
|
||||||
|
header={`Edit description for ${editTag?.name}`}
|
||||||
|
placeholder="Enter Description"
|
||||||
|
value={editTag?.description as string}
|
||||||
|
onCancel={() => {
|
||||||
|
setIsEditTag(false);
|
||||||
|
setEditTag(undefined);
|
||||||
|
}}
|
||||||
|
onSave={updatePrimaryTag}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{isAddingCategory && (
|
||||||
|
<FormModal
|
||||||
|
errorData={errorDataCategory}
|
||||||
|
form={Form}
|
||||||
|
header="Adding new category"
|
||||||
|
initialData={{
|
||||||
|
name: '',
|
||||||
|
description: '',
|
||||||
|
categoryType: TagCategoryType.Descriptive,
|
||||||
|
}}
|
||||||
|
isSaveButtonDisabled={!isEmpty(errorDataCategory)}
|
||||||
|
onCancel={() => setIsAddingCategory(false)}
|
||||||
|
onChange={(data) => {
|
||||||
|
setErrorDataCategory({});
|
||||||
|
onNewCategoryChange(data as TagCategory);
|
||||||
|
}}
|
||||||
|
onSave={(data) => createCategory(data as TagCategory)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{isAddingTag && (
|
||||||
|
<FormModal
|
||||||
|
errorData={errorDataTag}
|
||||||
|
form={Form}
|
||||||
|
header={`Adding new tag on ${
|
||||||
|
currentCategory?.displayName ?? currentCategory?.name
|
||||||
|
}`}
|
||||||
|
initialData={{
|
||||||
|
name: '',
|
||||||
|
description: '',
|
||||||
|
categoryType: '',
|
||||||
|
}}
|
||||||
|
isSaveButtonDisabled={!isEmpty(errorDataTag)}
|
||||||
|
onCancel={() => setIsAddingTag(false)}
|
||||||
|
onChange={(data) => {
|
||||||
|
setErrorDataTag({});
|
||||||
|
onNewTagChange(data as TagCategory);
|
||||||
|
}}
|
||||||
|
onSave={(data) => createPrimaryTag(data as TagCategory)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{deleteTags.state && (
|
||||||
|
<ConfirmationModal
|
||||||
|
bodyText={`Are you sure you want to delete the tag ${
|
||||||
|
deleteTags.data?.isCategory ? 'category' : ''
|
||||||
|
} "${deleteTags.data?.name}"?`}
|
||||||
|
cancelText="Cancel"
|
||||||
|
confirmText="Confirm"
|
||||||
|
header={`Delete Tag ${
|
||||||
|
deleteTags.data?.isCategory ? 'Category' : ''
|
||||||
|
}`}
|
||||||
|
onCancel={() =>
|
||||||
|
setDeleteTags({ data: undefined, state: false })
|
||||||
|
}
|
||||||
|
onConfirm={handleConfirmClick}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</PageLayout>
|
||||||
|
</PageContainerV1>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user