console/heap: redact user sensitive data from title html tag

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/5312
GitOrigin-RevId: 35508cdf78cfdc1445ca052675558ba2153dbc7a

console/src/components/Services/Actions/Codegen/Codegen.js

@@ -173,7 +173,9 @@ const Codegen = ({ dispatch, allActions, allTypes, currentAction }) => {
 
   return (
     <div className="w-[600px]">
-      <Helmet title={`Codegen - ${currentAction.name} - Actions | Hasura`} />
+      <Helmet>
+        <title data-heap-redact-text="true">{`Codegen - ${currentAction.name} - Actions | Hasura`}</title>
+      </Helmet>
       {getFrameworkActions()}
       <div className="mb-5">
         <CodeTabs

console/src/components/Services/Actions/Modify/Modify.tsx

@@ -371,7 +371,9 @@ const ModifyAction: React.FC<ModifyProps> = ({
 
   return (
     <>
-      <Helmet title={`Modify Action - ${actionName} - Actions | Hasura`} />
+      <Helmet>
+        <title data-heap-redact-text="true">{`Modify Action - ${actionName} - Actions | Hasura`}</title>
+      </Helmet>
 
       <div className="w-full overflow-y-auto bg-gray-50">
         <div className="max-w-6xl">

console/src/components/Services/Actions/Permissions/Permissions.js

@@ -165,9 +165,9 @@ const Permissions = ({
 
   return (
     <div>
-      <Helmet
-        title={`Permissions - ${currentAction.name} - Actions | Hasura`}
-      />
+      <Helmet>
+        <title data-heap-redact-text="true">{`Permissions - ${currentAction.name} - Actions | Hasura`}</title>
+      </Helmet>
       {getPermissionsTable()}
       <div className={`${styles.add_mar_bottom}`}>
         {!readOnlyMode && (

console/src/components/Services/Actions/Relationships/Relationships.js

@@ -29,9 +29,9 @@ const Relationships = ({
 
   return (
     <div>
-      <Helmet
-        title={`Relationships - ${currentAction.name} - Actions | Hasura`}
-      />
+      <Helmet>
+        <title data-heap-redact-text="true">{`Relationships - ${currentAction.name} - Actions | Hasura`}</title>
+      </Helmet>
       {existingRelationships}
       {objectType.kind === 'scalar' ? (
         <div className="mb-sm text-gray-600 test-sm">

console/src/components/Services/Data/Function/Modify/ModifyCustomFunction.js

@@ -212,9 +212,9 @@ class ModifyCustomFunction extends React.Component {
 
     return (
       <div>
-        <Helmet
-          title={`Edit ${pageTitle} - ${functionName} - ${pageTitle}s | Hasura`}
-        />
+        <Helmet>
+          <title data-heap-redact-text="true">{`Edit ${pageTitle} - ${functionName} - ${pageTitle}s | Hasura`}</title>
+        </Helmet>
         <CommonTabLayout
           appPrefix={this.urlWithSource}
           currentTab="modify"

console/src/components/Services/Data/Function/Permission/Permission.tsx

@@ -176,7 +176,11 @@ const Permissions: React.FC<PermissionsProps> = ({
 
   return (
     <div className={`col-xs-8 ${styles.modifyWrapper}`}>
-      <Helmet title={`Permission Custom Function - ${functionName} | Hasura`} />
+      <Helmet>
+        <title data-heap-redact-text="true">
+          {`Permission Custom Function - ${functionName} | Hasura`}
+        </title>
+      </Helmet>
       <CommonTabLayout
         appPrefix={urlWithSource}
         currentTab="permissions"

console/src/components/Services/Data/TableCommon/TableHeader.js

@@ -88,9 +88,11 @@ const TableHeader = ({
 
   return (
     <div>
-      <Helmet
-        title={capitalize(tabName) + ' - ' + tableName + ' - Data | Hasura'}
-      />
+      <Helmet>
+        <title data-heap-redact-text="true">
+          {capitalize(tabName) + ' - ' + tableName + ' - Data | Hasura'}
+        </title>
+      </Helmet>
       <div className={styles.subHeader}>
         <BreadCrumb breadCrumbs={getBreadCrumbs()} />
         <EditableHeading

console/src/components/Services/Events/EventTriggers/TableCommon/TableHeader.js

@@ -50,12 +50,14 @@ const TableHeader = ({ triggerName, tabName, count, readOnlyMode }) => {
 
   return (
     <div>
-      <Helmet
-        title={getReactHelmetTitle(
-          `${activeTab} - ${triggerName}`,
-          EVENTS_SERVICE_HEADING
-        )}
-      />
+      <Helmet>
+        <title data-heap-redact-text="true">
+          {getReactHelmetTitle(
+            `${activeTab} - ${triggerName}`,
+            EVENTS_SERVICE_HEADING
+          )}
+        </title>
+      </Helmet>
       <div className={styles.subHeader}>
         <BreadCrumb breadCrumbs={getBreadCrumbs()} />
         <h2 className={styles.heading_text}>{triggerName}</h2>

console/src/components/Services/RemoteSchema/Edit/Edit.js

@@ -200,9 +200,11 @@ class Edit extends React.Component {
 
     return (
       <div>
-        <Helmet
-          title={`Edit ${pageTitle} - ${remoteSchemaName} - ${pageTitle}s | Hasura`}
-        />
+        <Helmet>
+          <title data-heap-redact-text="true">
+            {`Edit ${pageTitle} - ${remoteSchemaName} - ${pageTitle}s | Hasura`}
+          </title>
+        </Helmet>
         <Tabs
           appPrefix={appPrefix}
           currentTab="modify"

console/src/components/Services/RemoteSchema/Permissions/Permissions.tsx

@@ -119,9 +119,9 @@ const Permissions: React.FC<PermissionsProps> = props => {
 
   return (
     <div>
-      <Helmet
-        title={`Permissions - ${currentRemoteSchema.name} - Remote Schemas | Hasura`}
-      />
+      <Helmet>
+        <title data-heap-redact-text="true">{`Permissions - ${currentRemoteSchema.name} - Remote Schemas | Hasura`}</title>
+      </Helmet>
       <PermissionsTable
         allRoles={allRoles}
         currentRemoteSchema={currentRemoteSchema}