Fix default conversation color to use state

ts/state/smart/ChatColorPicker.tsx

@@ -12,6 +12,7 @@ import {
   getConversationsWithCustomColorSelector,
 } from '../selectors/conversations';
 import { getIntl } from '../selectors/user';
+import { getDefaultConversationColor } from '../selectors/items';
 import { getConversationColorAttributes } from '../../util/getConversationColorAttributes';
 
 export type SmartChatColorPickerProps = {
@@ -25,7 +26,11 @@ const mapStateToProps = (
   const conversation = props.conversationId
     ? getConversationSelector(state)(props.conversationId)
     : {};
-  const colorValues = getConversationColorAttributes(conversation);
+  const defaultConversationColor = getDefaultConversationColor(state);
+  const colorValues = getConversationColorAttributes(
+    conversation,
+    defaultConversationColor
+  );
 
   const { customColors } = state.items;
 

ts/state/smart/CompositionArea.tsx

@@ -21,7 +21,11 @@ import {
   getTheme,
   getUserConversationId,
 } from '../selectors/user';
-import { getEmojiSkinTone, getTextFormattingEnabled } from '../selectors/items';
+import {
+  getDefaultConversationColor,
+  getEmojiSkinTone,
+  getTextFormattingEnabled,
+} from '../selectors/items';
 import {
   getConversationSelector,
   getGroupAdminsSelector,
@@ -169,6 +173,7 @@ const mapStateToProps = (state: StateType, props: ExternalProps) => {
       ? getPropsForQuote(quotedMessage, {
           conversationSelector,
           ourConversationId: getUserConversationId(state),
+          defaultConversationColor: getDefaultConversationColor(state),
         })
       : undefined,
     quotedMessageAuthorAci: quotedMessage?.quote?.authorAci,

ts/state/smart/ConversationDetails.tsx

@@ -16,7 +16,10 @@ import {
 } from '../selectors/conversations';
 import { getGroupMemberships } from '../../util/getGroupMemberships';
 import { getActiveCallState } from '../selectors/calling';
-import { getAreWeASubscriber } from '../selectors/items';
+import {
+  getAreWeASubscriber,
+  getDefaultConversationColor,
+} from '../selectors/items';
 import { getIntl, getTheme } from '../selectors/user';
 import {
   getBadgesSelector,
@@ -82,6 +85,7 @@ const mapStateToProps = (
   );
 
   const badges = getBadgesSelector(state)(conversation.badges);
+  const defaultConversationColor = getDefaultConversationColor(state);
 
   const groupsInCommon =
     conversation.type === 'direct'
@@ -107,7 +111,7 @@ const mapStateToProps = (
     canAddNewMembers,
     conversation: {
       ...conversation,
-      ...getConversationColorAttributes(conversation),
+      ...getConversationColorAttributes(conversation, defaultConversationColor),
     },
     getPreferredBadge: getPreferredBadgeSelector(state),
     hasActiveCall: Boolean(getActiveCallState(state)),