diff --git a/package.json b/package.json
index 1322f6573..8516569ff 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
"@babel/register": "^7.0.0",
"@exponent/electron-cookies": "^2.0.0",
"@hot-loader/react-dom": "^16.8",
- "@lbry/components": "^4.1.2",
+ "@lbry/components": "^4.1.3",
"@reach/menu-button": "0.7.4",
"@reach/rect": "^0.2.1",
"@reach/tabs": "^0.1.5",
diff --git a/ui/component/channelContent/view.jsx b/ui/component/channelContent/view.jsx
index ba2eab11d..057c015d2 100644
--- a/ui/component/channelContent/view.jsx
+++ b/ui/component/channelContent/view.jsx
@@ -50,7 +50,7 @@ function ChannelContent(props: Props) {
'In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked access to this channel from our applications.'
)}
diff --git a/ui/modal/modalConfirmSendTip/view.jsx b/ui/modal/modalConfirmSendTip/view.jsx
index 2cbf452a5..d64bbf291 100644
--- a/ui/modal/modalConfirmSendTip/view.jsx
+++ b/ui/modal/modalConfirmSendTip/view.jsx
@@ -3,6 +3,7 @@ import React from 'react';
import Button from 'component/button';
import { Form } from 'component/common/form';
import { Modal } from 'modal/modal';
+import Card from 'component/common/card';
type Props = {
claimId: string,
@@ -21,24 +22,33 @@ class ModalConfirmSendTip extends React.PureComponent {
}
render() {
- const { tipAmount, title, isSupport, closeModal } = this.props;
+ const { tipAmount = 5.5, title = 'This is a random title name', isSupport, closeModal } = this.props;
+ const cardTitle = __(isSupport ? 'Confirm Support' : 'Confirm Tip');
+
return (
-
+
);
diff --git a/ui/modal/modalConfirmTransaction/view.jsx b/ui/modal/modalConfirmTransaction/view.jsx
index f323216a8..ed55d52cd 100644
--- a/ui/modal/modalConfirmTransaction/view.jsx
+++ b/ui/modal/modalConfirmTransaction/view.jsx
@@ -3,6 +3,7 @@ import React from 'react';
import Button from 'component/button';
import { Form } from 'component/common/form';
import { Modal } from 'modal/modal';
+import Card from 'component/common/card';
type Props = {
address: string,
@@ -20,24 +21,34 @@ class ModalConfirmTransaction extends React.PureComponent {
render() {
const { amount, address, closeModal } = this.props;
+ const title = __('Confirm Transaction');
return (
-
+
);
diff --git a/ui/modal/modalRevokeClaim/view.jsx b/ui/modal/modalRevokeClaim/view.jsx
index 834efdc0a..25a23c15e 100644
--- a/ui/modal/modalRevokeClaim/view.jsx
+++ b/ui/modal/modalRevokeClaim/view.jsx
@@ -3,6 +3,8 @@ import React, { useState } from 'react';
import { Modal } from 'modal/modal';
import { FormField } from 'component/common/form';
import * as txnTypes from 'constants/transaction_types';
+import Card from 'component/common/card';
+import Button from 'component/button';
type Props = {
closeModal: () => void,
@@ -86,18 +88,28 @@ export default function ModalRevokeClaim(props: Props) {
closeModal();
}
+ const label = getButtonLabel(type);
+
return (
- {getMsgBody(type, name)}
+
+
+
+
+ }
+ />
);
}
diff --git a/ui/page/show/view.jsx b/ui/page/show/view.jsx
index 135c2362b..c4b9bd879 100644
--- a/ui/page/show/view.jsx
+++ b/ui/page/show/view.jsx
@@ -87,7 +87,7 @@ function ShowPage(props: Props) {
'In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked access to this content from our applications.'
)}
actions={
-