src/views/process-log-panel/process-log-code-snippet.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
   7 import { CodeSnippet, CodeSnippetDataProps } from '~/components/code-snippet/code-snippet';
   8 import grey from '@material-ui/core/colors/grey';
   9
  10 const theme = createMuiTheme({
  11     overrides: {
  12         MuiTypography: {
  13             body1: {
  14                 color: grey["200"]
  15             },
  16             root: {
  17                 backgroundColor: '#000'
  18             }
  19         }
  20     },
  21     typography: {
  22         fontFamily: 'monospace'
  23     }
  24 });
  25
  26 type ProcessLogCodeSnippet = CodeSnippetDataProps;
  27
  28 export const ProcessLogCodeSnippet = (props: ProcessLogCodeSnippet) =>
  29     <MuiThemeProvider theme={theme}>
  30         <CodeSnippet lines={props.lines} />
  31     </MuiThemeProvider>;