fix: fix ci

package.json

@@ -166,7 +166,7 @@
     "@types/rimraf": "2.0.2",
     "@types/semver": "5.5.0",
     "@types/sinon": "9.0.4",
-    "@types/styled-components": "^5.1.4",
+    "@types/styled-components": "5.1.1",
     "@types/uuid": "8.3.4",
     "@typescript-eslint/eslint-plugin": "7.1.0",
     "@typescript-eslint/parser": "7.1.0",

ts/components/leftpane/overlay/choose-action/ContactsListWithBreaks.tsx

@@ -2,7 +2,7 @@ import { isString } from 'lodash';
 import React from 'react';
 import { useSelector } from 'react-redux';
 import { AutoSizer, Index, List, ListRowProps } from 'react-virtualized';
-import styled from 'styled-components';
+import styled, { CSSProperties } from 'styled-components';
 import {
   DirectContactsByNameType,
   getDirectContactsByName,
@@ -51,10 +51,10 @@ const renderRow = (props: ListRowProps) => {
   }
 
   if (isString(item)) {
-    return <ContactRowBreak style={style} key={key} char={item} />;
+    return <ContactRowBreak style={style as CSSProperties} key={key} char={item} />;
   }
 
-  return <ContactRow style={style} key={key} {...item} />;
+  return <ContactRow style={style as CSSProperties} key={key} {...item} />;
 };
 
 const unknownSection = 'unknown';

ts/components/search/SearchResults.tsx

@@ -1,8 +1,8 @@
+import { isString } from 'lodash';
 import React from 'react';
-import styled, { CSSProperties } from 'styled-components';
 import { useSelector } from 'react-redux';
 import { AutoSizer, List } from 'react-virtualized';
-import { isString } from 'lodash';
+import styled, { CSSProperties } from 'styled-components';
 
 import { ConversationListItem } from '../leftpane/conversation-list-item/ConversationListItem';
 import { MessageSearchResult } from './MessageSearchResults';
@@ -65,14 +65,14 @@ const VirtualizedList = () => {
               return null;
             }
             if (isString(row)) {
-              return <SectionHeader title={row} style={style} key={key} />;
+              return <SectionHeader title={row} style={style as CSSProperties} key={key} />;
             }
             if (isContact(row)) {
               return (
                 <ConversationListItem conversationId={row.contactConvoId} style={style} key={key} />
               );
             }
-            return <MessageSearchResult style={style} key={key} {...row} />;
+            return <MessageSearchResult style={style as CSSProperties} key={key} {...row} />;
           }}
           width={width}
           autoHeight={false}

ts/util/attachmentsUtil.ts

@@ -68,7 +68,7 @@ export async function autoScaleForAvatar<T extends { contentType: string; blob:
   }
 
   if (DEBUG_ATTACHMENTS_SCALE) {
-    window.log.info('autoscale for avatar', maxMeasurements);
+    window.log.debug('autoscale for avatar', maxMeasurements);
   }
   return autoScale(attachment, maxMeasurements);
 }
@@ -96,7 +96,7 @@ export async function autoScaleForIncomingAvatar(incomingAvatar: ArrayBuffer) {
   }
 
   if (DEBUG_ATTACHMENTS_SCALE) {
-    window.log.info('autoscale for incoming avatar', maxMeasurements);
+    window.log.debug('autoscale for incoming avatar', maxMeasurements);
   }
 
   return autoScale(
@@ -121,7 +121,7 @@ export async function autoScaleForThumbnail<T extends { contentType: string; blo
   };
 
   if (DEBUG_ATTACHMENTS_SCALE) {
-    window.log.info('autoScaleForThumbnail', maxMeasurements);
+    window.log.debug('autoScaleForThumbnail', maxMeasurements);
   }
 
   return autoScale(attachment, maxMeasurements);
@@ -199,7 +199,6 @@ export async function autoScale<T extends { contentType: string; blob: Blob }>(
       crop: !!makeSquare,
       cover: !!makeSquare,
       orientation: 1,
-      // aspectRatio: makeSquare ? 1 : undefined,
       canvas: true,
       imageSmoothingQuality: 'medium',
       meta: false,
@@ -219,7 +218,7 @@ export async function autoScale<T extends { contentType: string; blob: Blob }>(
     !makeSquare
   ) {
     if (DEBUG_ATTACHMENTS_SCALE) {
-      window.log.info('canvasScaled used right away as width, height and size are fine', {
+      window.log.debug('canvasScaled used right away as width, height and size are fine', {
         canvasScaledWidth: canvasScaled.width,
         canvasScaledHeight: canvasScaled.height,
         maxWidth,
@@ -239,7 +238,7 @@ export async function autoScale<T extends { contentType: string; blob: Blob }>(
     };
   }
   if (DEBUG_ATTACHMENTS_SCALE) {
-    window.log.info('canvasOri.originalWidth', {
+    window.log.debug('canvasOri.originalWidth', {
       canvasOriginalWidth: canvasScaled.width,
       canvasOriginalHeight: canvasScaled.height,
       maxWidth,
@@ -255,7 +254,7 @@ export async function autoScale<T extends { contentType: string; blob: Blob }>(
   do {
     i -= 1;
     if (DEBUG_ATTACHMENTS_SCALE) {
-      window.log.info(`autoscale iteration: [${i}] for:`, JSON.stringify(readAndResizedBlob.size));
+      window.log.debug(`autoscale iteration: [${i}] for:`, JSON.stringify(readAndResizedBlob.size));
     }
     // eslint-disable-next-line no-await-in-loop
     const tempBlob = await canvasToBlob(canvasScaled, 'image/jpeg', quality);