mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-28 17:55:15 +02:00
d5fbd0b743
## What This (admittedly massive) PR updates the "physical" documentation structure and fixes url inconsistencies and SEO problems reported by marketing. The main points are: - remove or move directories : advanced, user_guide, deploy, api - move the files contained within to the appropriate one of topics, how-to, tutorials, or reference - update internal doc links and product links to the content - create client-side redirects for all the urls that have changed. A number of the files have been renamed in small ways to better match their url and to make them easier to find. Additionally, the top-level api directory has been moved to /reference/api/legacy/unleash (see the discussion points section for more on this). ## Why When moving our doc structure to diataxis a while back, we left the "physical' files lying where they were, because it didn't matter much to the new structure. However, that did introduce some inconsistencies with where you place docs and how we organize them. There's also the discrepancies in whether urls us underscores or hyphens (which isn't necessarily the same as their file name), which has been annoying me for a while, but now has also been raised by marketing as an issue in terms of SEO. ## Discussion points The old, hand-written API docs have been moved from /api to /reference/api/legacy/unleash. There _is_ a /reference/api/unleash directory, but this is being populated by the OpenAPI plugin, and mixing those could only cause trouble. However, I'm unsure about putting /legacy/ in the title, because the API isn't legacy, the docs are. Maybe we could use another path? Like /old-docs/ or something? I'd appreciate some input on this.
90 lines
3.0 KiB
TypeScript
90 lines
3.0 KiB
TypeScript
import { useNavigate } from 'react-router-dom';
|
|
import useTagTypeForm from '../TagTypeForm/useTagTypeForm';
|
|
import TagTypeForm from '../TagTypeForm/TagTypeForm';
|
|
import { CreateButton } from 'component/common/CreateButton/CreateButton';
|
|
import FormTemplate from 'component/common/FormTemplate/FormTemplate';
|
|
import { UPDATE_TAG_TYPE } from 'component/providers/AccessProvider/permissions';
|
|
import useTagTypesApi from 'hooks/api/actions/useTagTypesApi/useTagTypesApi';
|
|
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
|
import useToast from 'hooks/useToast';
|
|
import { formatUnknownError } from 'utils/formatUnknownError';
|
|
import { GO_BACK } from 'constants/navigate';
|
|
|
|
const CreateTagType = () => {
|
|
const { setToastData, setToastApiError } = useToast();
|
|
const { uiConfig } = useUiConfig();
|
|
const navigate = useNavigate();
|
|
const {
|
|
tagName,
|
|
tagDesc,
|
|
setTagName,
|
|
setTagDesc,
|
|
getTagPayload,
|
|
validateNameUniqueness,
|
|
errors,
|
|
clearErrors,
|
|
} = useTagTypeForm();
|
|
const { createTag, loading } = useTagTypesApi();
|
|
|
|
const handleSubmit = async (e: Event) => {
|
|
e.preventDefault();
|
|
clearErrors();
|
|
const validName = await validateNameUniqueness();
|
|
if (validName) {
|
|
const payload = getTagPayload();
|
|
try {
|
|
await createTag(payload);
|
|
navigate('/tag-types');
|
|
setToastData({
|
|
title: 'Tag type created',
|
|
confetti: true,
|
|
type: 'success',
|
|
});
|
|
} catch (error: unknown) {
|
|
setToastApiError(formatUnknownError(error));
|
|
}
|
|
}
|
|
};
|
|
|
|
const formatApiCode = () => {
|
|
return `curl --location --request POST '${
|
|
uiConfig.unleashUrl
|
|
}/api/admin/tag-types' \\
|
|
--header 'Authorization: INSERT_API_KEY' \\
|
|
--header 'Content-Type: application/json' \\
|
|
--data-raw '${JSON.stringify(getTagPayload(), undefined, 2)}'`;
|
|
};
|
|
|
|
const handleCancel = () => {
|
|
navigate(GO_BACK);
|
|
};
|
|
|
|
return (
|
|
<FormTemplate
|
|
loading={loading}
|
|
title="Create tag type"
|
|
description="Tag types allow you to group tags together in the management UI"
|
|
documentationLink="https://docs.getunleash.io/reference/tags"
|
|
documentationLinkLabel="Tags documentation"
|
|
formatApiCode={formatApiCode}
|
|
>
|
|
<TagTypeForm
|
|
errors={errors}
|
|
handleSubmit={handleSubmit}
|
|
handleCancel={handleCancel}
|
|
tagName={tagName}
|
|
setTagName={setTagName}
|
|
tagDesc={tagDesc}
|
|
setTagDesc={setTagDesc}
|
|
mode="Create"
|
|
clearErrors={clearErrors}
|
|
validateNameUniqueness={validateNameUniqueness}
|
|
>
|
|
<CreateButton name="type" permission={UPDATE_TAG_TYPE} />
|
|
</TagTypeForm>
|
|
</FormTemplate>
|
|
);
|
|
};
|
|
|
|
export default CreateTagType;
|