Corrected MetadataQueryView code under ContentExplorer

Author: greg-in-a-box

content/guides/embed/ui-elements/explorer.md

@@ -352,7 +352,7 @@ function App() {
 
     // Define metadata source
     // Example: enterprise_123456789.metadatatemplate
-    const metadataSource = `metadata.enterprise_${EID}.${templateName}`;
+    const metadataSource = `enterprise_${EID}.${templateName}`;
 
     const metadataQuery = {
         from: metadataSource,
@@ -368,22 +368,22 @@ function App() {
 
         // Define which other metadata fields you'd like to display
         fields: [
-            `${metadataSource}.name`,
-            `${metadataSource}.last_contacted_at`,
-            `${metadataSource}.industry`,
-            `${metadataSource}.role`,
+            `metadata.${metadataSource}.name`,
+            `metadata.${metadataSource}.last_contacted_at`,
+            `metadata.${metadataSource}.industry`,
+            `metadata.${metadataSource}.role`,
         ],
     };
 
     // The metadata fields/columns to view - must be valid field names from the metadata template
     const fieldsToShow = [
         // Determine if the user can edit the metadata directly from Content Explorer component
-        { key: `${metadataSource}.name`, canEdit: false },
+        { key: `metadata.${metadataSource}.name`, canEdit: false },
 
         // Determine label alias on metadata column with displayName prop
-        { key: `${metadataSource}.industry`, canEdit: false, displayName: "alias" },
-        { key: `${metadataSource}.last_contacted_at`, canEdit: true },
-        { key: `${metadataSource}.role`, canEdit: true },
+        { key: `metadata.${metadataSource}.industry`, canEdit: false, displayName: "alias" },
+        { key: `metadata.${metadataSource}.last_contacted_at`, canEdit: true },
+        { key: `metadata.${metadataSource}.role`, canEdit: true },
     ];
 
     // defaultView - a required prop to paint the metadata view.