Function BlockCode

apps/web/ui/Message/BlockCode/index.tsx:28–54

({ value, language, placeholder }: Props)

}

export default function BlockCode({ value, language, placeholder }: Props) {
  const input = normalize(value, language);
  const content = decodeHTML(input);
  return (
    <>
      <div className={styles.label}>
        <span>{language}</span>
        <span
          className={styles.right}
          onClick={() => {
            copyToClipboard(value);
            Toast.success('Copied code to clipboard');
          }}
        >
          <FiClipboard /> Copy code
        </span>
      </div>
      <Code
        className={styles.code}
        block
        content={isFormattable(content) ? formatCode(content) : content}
        language={language}
        highlight={!placeholder && isHighlighted(value)}
      />
    </>
  );
}