Show response body size

src-web/components/IconButton.tsx

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import { Icon, IconProps } from './Icon';
 import { Button, ButtonProps } from './Button';
+import classnames from 'classnames';
 
 type Props = Omit<IconProps, 'size'> & ButtonProps<typeof Button>;
 
@@ -10,7 +11,14 @@ export const IconButton = forwardRef<HTMLButtonElement, Props>(function IconButt
 ) {
   return (
     <Button ref={ref} className="group" {...props}>
-      <Icon icon={icon} spin={spin} className="text-gray-700 group-hover:text-gray-900" />
+      <Icon
+        icon={icon}
+        spin={spin}
+        className={classnames(
+          'text-gray-700 group-hover:text-gray-900',
+          props.disabled && 'opacity-70',
+        )}
+      />
     </Button>
   );
 });