fix: color and size of message action icons (#197)

zextras · Sep 28, 2022 · 8317892 · 8317892
1 parent 67c9bf1
commit 8317892
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/ui-actions/select-panel-action-message.tsx b/src/ui-actions/select-panel-action-message.tsx
@@ -192,7 +192,7 @@ const SelectMessagesPanelActions: FC<SelectMessagesPanelActionsPropType> = ({
 			<Container background="gray5" orientation="horizontal" mainAlignment="flex-start">
 				<IconButton
 					icon="ArrowBack"
-					color="primary"
+					iconColor="primary"
 					size="large"
 					onClick={deselectAll}
 					data-testid="action-button-deselect-all"
@@ -207,12 +207,12 @@ const SelectMessagesPanelActions: FC<SelectMessagesPanelActionsPropType> = ({
 						<IconButton
 							data-testid={`primary-action-button-${action.label}`}
 							icon={action.icon}
-							color="primary"
+							iconColor="primary"
 							onClick={(ev): void => {
 								if (ev) ev.preventDefault();
 								action.click && action.click();
 							}}
-							size="medium"
+							size="large"
 						/>
 					)
 				)}

diff --git a/src/ui-actions/select-panel-action.tsx b/src/ui-actions/select-panel-action.tsx
@@ -253,8 +253,8 @@ const SelectPanelActions: FC<SelectPanelActionsPropType> = ({
 			<Container background="gray5" orientation="horizontal" mainAlignment="flex-start">
 				<IconButton
 					icon="ArrowBack"
-					color="primary"
-					size="medium"
+					iconColor="primary"
+					size="large"
 					onClick={deselectAll}
 					data-testid="action-button-deselect-all"
 				/>
@@ -271,14 +271,14 @@ const SelectPanelActions: FC<SelectPanelActionsPropType> = ({
 						<IconButton
 							data-testid={`primary-action-button-${action.label}`}
 							icon={action.icon}
-							color="primary"
+							iconColor="primary"
 							onClick={(ev): void => {
 								if (ev) ev.preventDefault();
 								// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 								// @ts-ignore
 								action.click(ev);
 							}}
-							size="medium"
+							size="large"
 						/>
 					);
 				})}