fix: toggle forceShow input now works

Author: Bilb

ts/components/leftpane/conversation-list-item/ConversationListItem.tsx

@@ -30,7 +30,6 @@ import { MemoConversationListItemContextMenu } from '../../menu/ConversationList
 import { ConversationListItemHeaderItem } from './HeaderItem';
 import { MessageItem } from './MessageItem';
 import { openConversationWithMessages } from '../../../state/ducks/conversations';
-import { useShowConversationSettingsFor } from '../../menuAndSettingsHooks/useShowConversationSettingsFor';
 
 const Portal = ({ children }: { children: ReactNode }) => {
   return createPortal(children, document.querySelector('.inbox.index') as Element);
@@ -76,8 +75,6 @@ export const ConversationListItem = (props: Props) => {
   const isSearch = useIsSearchingForType('global');
   const selectedConvo = useSelectedConversationKey();
 
-  const showConvoSettingsCb = useShowConversationSettingsFor(conversationId);
-
   const isSelectedConvo = conversationId === selectedConvo && !isNil(selectedConvo);
 
   if (isSearch) {
@@ -92,16 +89,10 @@ export const ConversationListItem = (props: Props) => {
     (e: MouseEvent<HTMLDivElement>) => {
       // mousedown is invoked sooner than onClick, but for both right and left click
       if (e.button === 0) {
-        if (isSelectedConvo) {
-          showConvoSettingsCb?.({
-            settingsModalPage: 'default',
-          });
-        } else {
-          void openConversationWithMessages({ conversationKey: conversationId, messageId: null });
-        }
+        void openConversationWithMessages({ conversationKey: conversationId, messageId: null });
       }
     },
-    [conversationId, isSelectedConvo, showConvoSettingsCb]
+    [conversationId]
   );
 
   return (

ts/components/leftpane/overlay/OverlayInvite.tsx

@@ -82,7 +82,7 @@ export const OverlayInvite = () => {
               value={ourSessionID}
               editable={false}
               centerText={true}
-              isTextArea={false}
+              isTextArea={true}
               padding={'var(--margins-xl) var(--margins-sm)'}
               ariaLabel={localize('accountId').toString()}
               inputDataTestId="your-account-id"

ts/components/registration/stages/RestoreAccount.tsx

@@ -146,7 +146,7 @@ const RecoveryPhraseInput = ({
     <SimpleSessionInput
       ariaLabel="Recovery password input"
       autoFocus={true}
-      type="password"
+      type={forceShow ? 'text' : 'password'}
       placeholder={window.i18n('recoveryPasswordEnter')}
       value={recoveryPassword}
       onValueChanged={(seed: string) => {

ts/themes/constants/colors.tsx

@@ -125,8 +125,8 @@ type ThemeColors = {
   DANGER: string;
   WARNING: string;
   DISABLED: string;
-  COLOR1: string;
   COLOR0: string;
+  COLOR1: string;
   COLOR2: string;
   COLOR3: string;
   COLOR4: string;