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}>