Remove use of defaultProps

itsmythos · Nov 3, 2023 · 7a1c459 · 7a1c459
1 parent 8dfd271
commit 7a1c459
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 24 deletions.
diff --git a/demo/src/components/CaretDown.js b/demo/src/components/CaretDown.js
@@ -1,16 +1,11 @@
-import React from 'react';
+import React from "react";
 
-const CaretDownIcon = ({ size, color, ...props }) => (
-	<svg {...props} viewBox="0 0 320 512" width={size} height={size} fill={color}>
-		<path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" />
-	</svg>
+const CaretDownIcon = ({ size = 24, color = "currentcolor", ...props }) => (
+  <svg {...props} viewBox="0 0 320 512" width={size} height={size} fill={color}>
+    <path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" />
+  </svg>
 );
 
-CaretDownIcon.displayName = 'CaretDownIcon';
-
-CaretDownIcon.defaultProps = {
-	size: 24,
-	color: 'currentcolor'
-};
+CaretDownIcon.displayName = "CaretDownIcon";
 
 export default CaretDownIcon;
diff --git a/packages/react-code-blocks/src/components/CopyIcon.tsx b/packages/react-code-blocks/src/components/CopyIcon.tsx
@@ -5,19 +5,18 @@ export interface IconProps {
   color: any;
   [x: string]: any;
 }
-const ClipboardListIcon = ({ size, color, ...props }: IconProps) => (
+const ClipboardListIcon = ({
+  size = '16pt',
+  color = `currentcolor`,
+  ...props
+}: IconProps) => (
   <svg {...props} viewBox="0 0 384 512" width={size} height={size} fill={color}>
     <path d="M280 240H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0 96H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 232c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 48c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm144 408c0 4.4-3.6 8-8 8H56c-4.4 0-8-3.6-8-8V120c0-4.4 3.6-8 8-8h40v32c0 8.8 7.2 16 16 16h160c8.8 0 16-7.2 16-16v-32h40c4.4 0 8 3.6 8 8v336z" />
   </svg>
 );
 
 ClipboardListIcon.displayName = `ClipboardListIcon`;
 
-ClipboardListIcon.defaultProps = {
-  size: '16pt',
-  color: `currentcolor`,
-};
-
 const ClipboardCheckIcon = ({ size, color, ...props }: IconProps) => (
   <svg {...props} viewBox="0 0 384 512" width={size} height={size} fill={color}>
     <path d="M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm121.2 231.8l-143 141.8c-4.7 4.7-12.3 4.6-17-.1l-82.6-83.3c-4.7-4.7-4.6-12.3.1-17L99.1 285c4.7-4.7 12.3-4.6 17 .1l46 46.4 106-105.2c4.7-4.7 12.3-4.6 17 .1l28.2 28.4c4.7 4.8 4.6 12.3-.1 17z" />
@@ -26,13 +25,9 @@ const ClipboardCheckIcon = ({ size, color, ...props }: IconProps) => (
 
 ClipboardCheckIcon.displayName = `ClipboardCheckIcon`;
 
-ClipboardCheckIcon.defaultProps = {
-  size: '16pt',
-  color: `currentcolor`,
-};
-export default function({
-  size,
-  color,
+export default function ({
+  size = '16pt',
+  color = `currentcolor`,
   copied,
   ...props
 }: IconProps & { copied: boolean }) {