diff --git a/ts/components/conversation/message/message-content/MessageContextMenu.tsx b/ts/components/conversation/message/message-content/MessageContextMenu.tsx
index e10fea068..accc229a6 100644
--- a/ts/components/conversation/message/message-content/MessageContextMenu.tsx
+++ b/ts/components/conversation/message/message-content/MessageContextMenu.tsx
@@ -363,7 +363,7 @@ export const MessageContextMenu = (props: Props) => {
{isDeletable ? (
-
+
) : null}
diff --git a/ts/components/dialog/SessionSetPasswordDialog.tsx b/ts/components/dialog/SessionSetPasswordDialog.tsx
index 68cfef234..5e82d8177 100644
--- a/ts/components/dialog/SessionSetPasswordDialog.tsx
+++ b/ts/components/dialog/SessionSetPasswordDialog.tsx
@@ -76,7 +76,7 @@ export class SessionSetPasswordDialog extends Component {
}
const confirmButtonText =
- passwordAction === 'remove' ? window.i18n('remove') : window.i18n('done');
+ passwordAction === 'remove' ? window.i18n('remove') : window.i18n('save');
const titleString = () => {
switch (passwordAction) {
@@ -186,9 +186,12 @@ export class SessionSetPasswordDialog extends Component {
// if user did not fill the first password field, we can't do anything
const errorFirstInput = validatePassword(enteredPassword);
if (errorFirstInput !== null) {
- this.setState({
- error: errorFirstInput,
- });
+ this.setState(
+ {
+ error: errorFirstInput,
+ },
+ () => this.showError()
+ );
this.showError();
return false;
}
diff --git a/ts/components/leftpane/MessageRequestsBanner.tsx b/ts/components/leftpane/MessageRequestsBanner.tsx
index 4570581d0..d5c92e263 100644
--- a/ts/components/leftpane/MessageRequestsBanner.tsx
+++ b/ts/components/leftpane/MessageRequestsBanner.tsx
@@ -62,10 +62,10 @@ const StyledGridContainer = styled.div`
justify-content: center;
align-items: center;
border-radius: 50%;
- background-color: var(--text-secondary-color);
+ background-color: var(--primary-color);
`;
-export const CirclularIcon = (props: {
+export const CircularIcon = (props: {
iconType: SessionIconType;
iconSize: SessionIconSize | number;
}) => {
@@ -120,7 +120,7 @@ export const MessageRequestsBanner = (props: { handleOnClick: () => any }) => {
}}
data-testid="message-request-banner"
>
-
+
diff --git a/ts/components/leftpane/overlay/OverlayMessage.tsx b/ts/components/leftpane/overlay/OverlayMessage.tsx
index ec5b19940..f000c060f 100644
--- a/ts/components/leftpane/overlay/OverlayMessage.tsx
+++ b/ts/components/leftpane/overlay/OverlayMessage.tsx
@@ -193,8 +193,8 @@ export const OverlayMessage = () => {
{!isEmpty(pubkeyOrOns) ? (
{
displayPasswordModal('remove', props.onPasswordUpdated);