BetterChatGPT/src/components/Chat/ChatContent/Message/View/Button/MarkdownModeButton.tsx

import React, { useState } from 'react';

import useStore from '@store/store';

import BaseButton from './BaseButton';

import MarkdownIcon from '@icon/MarkdownIcon';
import FileTextIcon from '@icon/FileTextIcon';

const MarkdownModeButton = () => {
  const markdownMode = useStore((state) => state.markdownMode);
  const setMarkdownMode = useStore((state) => state.setMarkdownMode);

  return (
    <BaseButton
      icon={markdownMode ? <MarkdownIcon /> : <FileTextIcon />}
      onClick={() => {
        setMarkdownMode(!markdownMode);
      }}
    />
  );
};

export default MarkdownModeButton;