code review

Author: avivkeller

apps/site/components/Common/CodeBox.tsx

@@ -21,22 +21,21 @@ const CodeBox: FC<PropsWithChildren<CodeBoxProps>> = props => {
   const [copied, copyToClipboard] = useCopyToClipboard();
   const t = useTranslations();
 
+  const ButtonIcon = copied ? DocumentDuplicateIcon : CodeBracketIcon;
+
   return (
     <BaseCodeBox
       as={Link}
       onCopy={copyToClipboard}
       buttonContent={
-        copied ? (
-          <>
-            <DocumentDuplicateIcon className="size-4" />
-            {t('components.common.codebox.copied')}
-          </>
-        ) : (
-          <>
-            <CodeBracketIcon className="size-4" />
-            {t('components.common.codebox.copy')}
-          </>
-        )
+        <>
+          <ButtonIcon className="size-4" />
+          {t(
+            copied
+              ? 'components.common.codebox.copied'
+              : 'components.common.codebox.copy'
+          )}
+        </>
       }
       {...props}
     />

packages/ui-components/src/Common/BaseCodeBox/index.tsx

@@ -69,7 +69,6 @@ type CodeBoxProps = {
   onCopy: (text: string) => void;
   as?: LinkLike;
   buttonContent: ReactNode;
-  copied?: boolean;
 };
 
 const BaseCodeBox: FC<PropsWithChildren<CodeBoxProps>> = ({