@blocklet/payment-react 1.18.55 → 1.19.0

package/src/components/blockchain/tx.tsx

@@ -6,27 +6,36 @@ import { styled } from '@mui/system';
 
 import { getTxLink } from '../../libs/util';
 
-TxLink.defaultProps = {
-  mode: 'dashboard',
-  align: 'left',
-};
-
-export default function TxLink(props: {
+export default function TxLink(rawProps: {
   details: PaymentDetails;
   method: TPaymentMethod;
   mode?: 'customer' | 'dashboard';
   align?: 'left' | 'right';
 }) {
+  const props = Object.assign(
+    {
+      mode: 'dashboard',
+      align: 'left',
+    },
+    rawProps
+  );
+
   const { t } = useLocaleContext();
 
+  // eslint-disable-next-line react/prop-types
   if (!props.details || (props.mode === 'customer' && props.method.type === 'stripe')) {
     return (
-      <Typography component="small" color="text.secondary">
+      <Typography
+        component="small"
+        sx={{
+          color: 'text.secondary',
+        }}>
         {t('common.none')}
       </Typography>
     );
   }
 
+  // eslint-disable-next-line react/prop-types
   const { text, link } = getTxLink(props.method, props.details);
 
   if (link && text) {
@@ -35,6 +44,7 @@ export default function TxLink(props: {
         <Root
           direction="row"
           alignItems="center"
+          // eslint-disable-next-line react/prop-types
           justifyContent={props.align === 'left' ? 'flex-start' : 'flex-end'}
           sx={{ color: 'text.link' }}
           spacing={1}>
@@ -48,7 +58,11 @@ export default function TxLink(props: {
   }
 
   return (
-    <Typography component="small" color="text.secondary">
+    <Typography
+      component="small"
+      sx={{
+        color: 'text.secondary',
+      }}>
       {t('common.none')}
     </Typography>
   );

package/src/components/confirm.tsx

@@ -8,10 +8,10 @@ export default function ConfirmDialog({
   onCancel,
   title,
   message,
-  confirm,
-  color,
-  cancel,
-  loading,
+  confirm = '',
+  color = 'error',
+  cancel = '',
+  loading = false,
 }: {
   onConfirm: EventHandler<any>;
   onCancel: EventHandler<any>;
@@ -40,10 +40,3 @@ export default function ConfirmDialog({
     </Confirm>
   );
 }
-
-ConfirmDialog.defaultProps = {
-  loading: false,
-  confirm: '',
-  cancel: '',
-  color: 'error',
-};