Web: Source Code Facets (#2833)

* Adding source code facets. * Adding source code facets. Signed-off-by: phix <[email protected]> --------- Signed-off-by: phix <[email protected]> Co-authored-by: phix <[email protected]>
MarquezProject · Jun 5, 2024 · 8bfea3f · 8bfea3f
1 parent 635ad9b
commit 8bfea3f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/web/src/components/core/code/MqCode.tsx b/web/src/components/core/code/MqCode.tsx
@@ -15,6 +15,9 @@ interface OwnProps {
 }
 
 const MqCode: React.FC<OwnProps> = ({ code, description, language }) => {
+  if (!code) {
+    return null
+  }
   return (
     <Box>
       {description && (

diff --git a/web/src/components/jobs/RunInfo.tsx b/web/src/components/jobs/RunInfo.tsx
@@ -28,6 +28,13 @@ export interface SqlFacet {
   query: string
 }
 
+export interface SourceCodeFacet {
+  language: string
+  sourceCode: string
+  _producer: string
+  _schemaURL: string
+}
+
 type RunInfoProps = {
   run: Run
 } & JobFacetsProps &
@@ -52,6 +59,12 @@ const RunInfo: FunctionComponent<RunInfoProps> = (props) => {
   return (
     <Box>
       {<MqCode code={(jobFacets?.sql as SqlFacet)?.query} language={'sql'} />}
+      {
+        <MqCode
+          code={(jobFacets.sourceCode as SourceCodeFacet)?.sourceCode}
+          language={(jobFacets.sourceCode as SourceCodeFacet)?.language}
+        />
+      }
       {run.facets && (
         <Box mt={2}>
           <Box mb={1}>