文件操作 - MetaInfoText.tsx

文件: /usr/share/grafana/public/app/features/explore/MetaInfoText.tsx

编辑文件内容

import React, { memo, useContext } from 'react';
import { css } from 'emotion';
import { GrafanaTheme } from '@grafana/data';
import { stylesFactory, ThemeContext } from '@grafana/ui';

export interface MetaItemProps {
  label?: string;
  value: string;
}

export const MetaInfoItem = memo(function MetaInfoItem(props: MetaItemProps) {
  const theme = useContext(ThemeContext);
  const style = getStyles(theme);
  const { label, value } = props;

return (
    <div className={style.metaItem}>
      {label && <span className={style.metaLabel}>{label}:</span>}
      <span className={style.metaValue}>{value}</span>
    </div>
  );
});

export interface MetaInfoTextProps {
  metaItems: MetaItemProps[];
}

export const MetaInfoText = memo(function MetaInfoText(props: MetaInfoTextProps) {
  const theme = useContext(ThemeContext);
  const style = getStyles(theme);
  const { metaItems } = props;

return (
    <div className={style.metaContainer}>
      {metaItems.map((item, index) => (
        <MetaInfoItem key={`${index}-${item.label}`} label={item.label} value={item.value} />
      ))}
    </div>
  );
});

export default MetaInfoText;

文件操作 - MetaInfoText.tsx

文件: /usr/share/grafana/public/app/features/explore/MetaInfoText.tsx

编辑文件内容

修改文件时间

删除文件