Function code

frontend/src/components/Chat/StreamingMessage.tsx:62–81

({className, children, ...props}: any)

              remarkPlugins={[remarkGfm]}
              components={{
                code({className, children, ...props}: any) {
                  const match = /language-(\w+)/.exec(className || '');
                  const isInline = !match;
                  
                  if (!isInline && match) {
                    return (
                      <pre className="bg-code-bg text-code-text p-4 rounded-md overflow-x-auto my-2">
                        <code className={className} {...props}>
                          {children}
                        </code>
                      </pre>
                    );
                  }
                  
                  return (
                    <code className="text-accent bg-code-bg px-1 py-0.5 rounded text-sm" {...props}>
                      {children}
                    </code>
                  );
                }
              }}
            >
              {displayedContent}