encodeURIComponent namespace and name in GET (column)lineage requests (#2984)

* encodeURIComponent namespace and name in GET lineage request

Signed-off-by: Maarten Hubrechts <[email protected]>

* Use same coding style for encoding as in jobs and datasets requests

Signed-off-by: Maarten Hubrechts <[email protected]>

---------

Signed-off-by: Maarten Hubrechts <[email protected]>

Author: MaartenHubrechts

web/src/store/requests/columnlineage.ts

@@ -15,8 +15,9 @@ export const getColumnLineage = async (
   name: string,
   depth: number
 ) => {
-  const nodeId = generateNodeId(nodeType, namespace, name)
-  // Node ID cannot be URL encoded
+  const encodedNamespace = encodeURIComponent(namespace)
+  const encodedName = encodeURIComponent(name)
+  const nodeId = generateNodeId(nodeType, encodedNamespace, encodedName)
   const url = `${API_URL}/column-lineage?nodeId=${nodeId}&depth=${depth}&withDownstream=true`
   return genericFetchWrapper(url, { method: 'GET' }, 'fetchColumnLineage')
 }

web/src/store/requests/lineage.ts

@@ -12,8 +12,9 @@ export const getLineage = async (
   name: string,
   depth: number
 ) => {
-  const nodeId = generateNodeId(nodeType, namespace, name)
-  // Node ID cannot be URL encoded
+  const encodedNamespace = encodeURIComponent(namespace)
+  const encodedName = encodeURIComponent(name)
+  const nodeId = generateNodeId(nodeType, encodedNamespace, encodedName)
   const url = `${API_URL}/lineage?nodeId=${nodeId}&depth=${depth}`
   return genericFetchWrapper(url, { method: 'GET' }, 'fetchLineage')
 }