fix: more review feedback part 2

package.json

@@ -304,6 +304,7 @@
       "ts/**/*.js",
       "ts/*.js",
       "!dist/**",
+      "stylesheets/fonts.css",
       "stylesheets/dist/*",
       "!js/register.js",
       "preload.js",

ts/components/buttons/CopyToClipboardButton.tsx

@@ -81,6 +81,8 @@ export const CopyToClipboardIcon = (props: CopyToClipboardIconProps & { copyCont
   return (
     <SessionIconButton
       aria-label={'copy to clipboard icon button'}
+      padding="0"
+      margin="0"
       {...props}
       iconType={'copy'}
       onClick={onClick}

ts/components/conversation/right-panel/overlay/message-info/components/MessageFrom.tsx

@@ -1,7 +1,10 @@
 import styled from 'styled-components';
 import { MessageInfoLabel } from '.';
 import { useConversationUsername } from '../../../../../../hooks/useParamSelector';
+import { isDevProd } from '../../../../../../shared/env_vars';
 import { Avatar, AvatarSize, CrownIcon } from '../../../../../avatar/Avatar';
+import { Flex } from '../../../../../basic/Flex';
+import { CopyToClipboardIcon } from '../../../../../buttons';
 
 const StyledFromContainer = styled.div`
   display: flex;
@@ -38,9 +41,20 @@ export const MessageFrom = (props: { sender: string; isSenderAdmin: boolean }) =
   const profileName = useConversationUsername(sender);
   const from = window.i18n('from');
 
+  const isDev = isDevProd();
+
   return (
     <StyledMessageInfoAuthor>
-      <MessageInfoLabel>{from}</MessageInfoLabel>
+      <Flex container={true} justifyContent="flex-start" alignItems="flex-start">
+        <MessageInfoLabel>{from}</MessageInfoLabel>
+        {isDev ? (
+          <CopyToClipboardIcon
+            iconSize={'medium'}
+            copyContent={`${profileName} ${sender}`}
+            margin={'0 0 0 var(--margins-xs)'}
+          />
+        ) : null}
+      </Flex>
       <StyledFromContainer>
         <StyledAvatar>
           <Avatar size={AvatarSize.M} pubkey={sender} onAvatarClick={undefined} />

ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx

@@ -23,6 +23,7 @@ import { isDevProd } from '../../../../../../shared/env_vars';
 import { useSelectedConversationKey } from '../../../../../../state/selectors/selectedConversation';
 import { Flex } from '../../../../../basic/Flex';
 import { SpacerSM } from '../../../../../basic/Text';
+import { CopyToClipboardIcon } from '../../../../../buttons';
 
 export const MessageInfoLabel = styled.label<{ color?: string }>`
   font-size: var(--font-size-lg);
@@ -50,11 +51,22 @@ type LabelWithInfoProps = {
   onClick?: () => void;
 };
 
+const isDev = isDevProd();
+
 export const LabelWithInfo = (props: LabelWithInfoProps) => {
   return (
     <LabelWithInfoContainer title={props.title || undefined} onClick={props.onClick}>
       <MessageInfoLabel color={props.labelColor}>{props.label}</MessageInfoLabel>
-      <MessageInfoData color={props.dataColor}>{props.info}</MessageInfoData>
+      <Flex container={true} justifyContent="flex-start" alignItems="flex-start">
+        <MessageInfoData color={props.dataColor}>{props.info}</MessageInfoData>
+        {isDev ? (
+          <CopyToClipboardIcon
+            iconSize={'medium'}
+            copyContent={props.info}
+            margin={'0 0 0 var(--margins-xs)'}
+          />
+        ) : null}
+      </Flex>
     </LabelWithInfoContainer>
   );
 };

ts/components/dialog/EnterPasswordModal.tsx

@@ -43,12 +43,14 @@ export const EnterPasswordModal = (props: EnterPasswordModalProps) => {
     const passwordValue = passwordInputRef.current?.value;
     if (!passwordValue) {
       ToastUtils.pushToastError('enterPasswordErrorToast', window.i18n('noGivenPassword'));
+
       return;
     }
 
     const isPasswordValid = matchesHash(passwordValue as string, passwordHash);
     if (passwordHash && !isPasswordValid) {
       ToastUtils.pushToastError('enterPasswordErrorToast', window.i18n('invalidPassword'));
+
       return;
     }