feat(fuselage): Disable CodeSnippet button prop (#1338)

Co-authored-by: Douglas Fabris <devfabris@gmail.com>

.changeset/big-rockets-approve.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": minor
+---
+
+Accept disable button prop on CodeSnippet component

packages/fuselage/src/components/CodeSnippet/CodeSnippet.spec.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import * as stories from './CodeSnippet.stories';
 
-const { Default, CopyButton, CustomButtonName, LoadingCode } =
+const { Default, CopyButton, CustomButtonName, LoadingCode, DisabledButton } =
   composeStories(stories);
 
 describe('[CodeSnippet Component]', () => {
@@ -44,4 +44,10 @@ describe('[CodeSnippet Component]', () => {
     const { container } = render(<LoadingCode />);
     expect(container.querySelector('.rcx-skeleton')).toBeInTheDocument();
   });
+
+  it('should should render a disabled button, when buttonDisabled prop is passed', () => {
+    render(<DisabledButton />);
+    const button = screen.getByRole('button');
+    expect(button).toBeDisabled();
+  });
 });

packages/fuselage/src/components/CodeSnippet/CodeSnippet.stories.tsx

@@ -60,3 +60,11 @@ LoadingCode.args = {
   children: '',
   onClick: action('click'),
 };
+
+export const DisabledButton = Template.bind({});
+DisabledButton.args = {
+  children: 'curl -L https://go.rocket.chat/i/docker-compose.yml -O',
+  onClick: action('click'),
+  buttonText: 'Disabled Button',
+  buttonDisabled: true,
+};

packages/fuselage/src/components/CodeSnippet/CodeSnippet.tsx

@@ -8,13 +8,15 @@ import { Skeleton } from '../Skeleton';
 type CodeSnippetProps = ComponentProps<typeof Box> & {
   children: string;
   buttonText?: string;
+  buttonDisabled?: boolean;
   onClick?: () => void;
 };
 
 const CodeSnippet = ({
   children,
   onClick,
   buttonText = 'Copy',
+  buttonDisabled = false,
   ...props
 }: CodeSnippetProps): ReactElement<CodeSnippetProps> => {
   if (!children) {
@@ -32,7 +34,7 @@ const CodeSnippet = ({
       </Box>
       {onClick && children && (
         <Box>
-          <Button small primary onClick={onClick}>
+          <Button small primary onClick={onClick} disabled={buttonDisabled}>
             {buttonText}
           </Button>
         </Box>