Refactor/customdata docs update

CHANGELOG.md

@@ -12,6 +12,8 @@
 
 - Replace `phone_number` with `phone` and `preferred_username` with `username` (INDIGO Sprint 221209, [!10](https://github.com/TeskaLabs/seacat-admin-webui/pull/10))
 
+- Refactorization of CustomDataContainer to prevent passing invalid format of `uri` prop. Added documentation. (INDIGO Sprint 221209, [!11](https://github.com/TeskaLabs/seacat-admin-webui/pull/11))
+
 ## v22.48
 
 ### Compatibility

doc/components/CustomDataContainer.md

@@ -0,0 +1,51 @@
+# CustomDataContainer
+
+
+`CustomDataContainer` renders a plug'n'play custom data card.
+
+
+## Props:
+
+
+	- `app`
+
+	- `resources`: array, of credential's resources - used for ButtonWithAuthz granting option to edit Custom data
+
+	- `customData`: object, containing data provided by api
+
+	- `setCustomData`: function managing customData's state in parent component
+
+	- `loading`: boolean, comming from the parent component deciding whether the data has already been fetched or not. if false, displays content loader
+
+	- `resource`: string, resource granting option to edit CustomData
+
+	- `uri`: string, SeaCatAuths API endpoint do save edited data. should be in format 'credentials/mongodb:JJ68' for unification, avoid passing '/credentials/mongodb:JJ68' with slash as the first character
+
+
+## Example:
+
+```
+import React from 'react';
+import { CustomDataContainer } from '../components/CustomDataContainer';
+
+const YourComponent = (props) => {
+
+		...
+
+		return (
+			<>
+
+				...
+
+					<CustomDataaContainer
+						resources={resources}
+						customData={customCredentialData}
+						setCustomData={setCustomCredentialData}
+						app={props.app}
+						loading={loadingCustomData}
+						uri={`path/to/${success}`}
+					/>
+			</>
+		)
+	}
+```

src/modules/auth/components/CustomDataContainer.js

@@ -74,7 +74,7 @@ export function CustomDataContainer({app, resources, customData, setCustomData,
 		// first, transform data to appropirate format for api request and skip pairs with empty key field
 		let objToSubmit = await prepForRequest(data);
 		try {
-			let response = await SeaCatAuthAPI.put(`/${uri}`, {"data": objToSubmit});
+			let response = await SeaCatAuthAPI.put(`/${uri.replace(/^\//g, "")}`, {"data": objToSubmit});
 			if (response.data.result !== "OK") {
 				throw new Error(t("CustomDataContainer|Something went wrong, failed to update data"));
 			};