vitess.io/vitess@v0.16.2/web/vtadmin/src/components/Code.tsx (about)

     1  /**
     2   * Copyright 2021 The Vitess Authors.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  import * as React from 'react';
    17  
    18  import style from './Code.module.scss';
    19  
    20  interface Props {
    21      code?: string | null | undefined;
    22  }
    23  
    24  export const Code = ({ code }: Props) => {
    25      if (typeof code !== 'string') return null;
    26  
    27      const codeLines = code.split('\n');
    28      return (
    29          <table className={style.table}>
    30              <tbody>
    31                  {codeLines.map((line, idx) => {
    32                      return (
    33                          <tr key={idx}>
    34                              <td id={`L${idx}`} className={style.lineNumber} data-line-number={idx} />
    35                              <td className={style.code}>
    36                                  <code>{line}</code>
    37                              </td>
    38                          </tr>
    39                      );
    40                  })}
    41              </tbody>
    42          </table>
    43      );
    44  };