From d6398fdb020482c5c4610560563347107ffe1893 Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Thu, 7 Nov 2024 14:58:56 +0100
Subject: [PATCH] Fix icon size

---
 src/assets/icons/error-circle.svg                 |  2 --
 src/assets/icons/purchases-state-pending.svg      |  8 ++++----
 .../CustomStateCellRender.tsx                     | 15 ++++++---------
 src/components/HealthChecks/HealthChecks.tsx      | 12 ++++++++----
 src/components/Peers/PeersQuality.tsx             |  2 +-
 5 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/assets/icons/error-circle.svg b/src/assets/icons/error-circle.svg
index 95b2178..a8e775f 100644
--- a/src/assets/icons/error-circle.svg
+++ b/src/assets/icons/error-circle.svg
@@ -1,7 +1,5 @@
 <svg
   data-testid="icon-error"
-  width="16"
-  height="16"
   viewBox="0 0 16 16"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">
diff --git a/src/assets/icons/purchases-state-pending.svg b/src/assets/icons/purchases-state-pending.svg
index 244da48..b868e75 100644
--- a/src/assets/icons/purchases-state-pending.svg
+++ b/src/assets/icons/purchases-state-pending.svg
@@ -1,11 +1,11 @@
 <svg
-  width="32"
-  height="32"
-  viewBox="0 0 32 32"
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M14.8105 9.25L16.3105 10.75H22.75C23.164 10.75 23.5 11.086 23.5 11.5V22C23.5 22.414 23.164 22.75 22.75 22.75H9.25C8.836 22.75 8.5 22.414 8.5 22V10C8.5 9.586 8.836 9.25 9.25 9.25H14.8105ZM16.75 13.75H15.25V18.25H19V16.75H16.75V13.75Z"
+    d="M8.8105 3.25L10.3105 4.75H16.75C17.164 4.75 17.5 5.086 17.5 5.5V16C17.5 16.414 17.164 16.75 16.75 16.75H3.25C2.836 16.75 2.5 16.414 2.5 16V4C2.5 3.586 2.836 3.25 3.25 3.25H8.8105ZM10.75 7.75H9.25V12.25H13V10.75H10.75V7.75Z"
     fill="#969696"
     fill-opacity="0.6" />
 </svg>
diff --git a/src/components/CustomStateCellRender/CustomStateCellRender.tsx b/src/components/CustomStateCellRender/CustomStateCellRender.tsx
index ce47bca..b7a095e 100644
--- a/src/components/CustomStateCellRender/CustomStateCellRender.tsx
+++ b/src/components/CustomStateCellRender/CustomStateCellRender.tsx
@@ -1,4 +1,4 @@
-import { Cell, Tooltip } from "@codex-storage/marketplace-ui-components";
+import { Cell } from "@codex-storage/marketplace-ui-components";
 import PurchaseStateIcon from "../../assets/icons/purchases-state-pending.svg?react";
 import SuccessCircleIcon from "../../assets/icons/success-circle.svg?react";
 import ErrorCircleIcon from "../../assets/icons/error-circle.svg?react";
@@ -8,7 +8,7 @@ type Props = {
   message: string | undefined;
 };
 
-export const CustomStateCellRender = ({ state, message }: Props) => {
+export const CustomStateCellRender = ({ state }: Props) => {
   const icons = {
     pending: PurchaseStateIcon,
     submitted: PurchaseStateIcon,
@@ -31,18 +31,15 @@ export const CustomStateCellRender = ({ state, message }: Props) => {
 
   return (
     <Cell>
-      <p
-        className={
-          "cell-state cell-state--custom cell-state--" +
-          states[state as keyof typeof states]
-        }>
-        {message ? (
+      <p className={"cell-state" + states[state as keyof typeof states]}>
+        {/* {message ? (
           <Tooltip message={message}>
             <Icon width={32} className="cell-stateIcon" />
           </Tooltip>
         ) : (
           <Icon width={32} className="cell-stateIcon" />
-        )}
+        )} */}
+        <Icon width={20} />
       </p>
     </Cell>
   );
diff --git a/src/components/HealthChecks/HealthChecks.tsx b/src/components/HealthChecks/HealthChecks.tsx
index d182c6a..018cfd1 100644
--- a/src/components/HealthChecks/HealthChecks.tsx
+++ b/src/components/HealthChecks/HealthChecks.tsx
@@ -113,7 +113,11 @@ export function HealthChecks({ online, onStepValid }: Props) {
             onChange={onAddressChange}
             value={address}
             placeholder="127.0.0.1"></Input>
-          {isAddressInvalid ? <ErrorCircleIcon /> : <SuccessCircleIcon />}
+          {isAddressInvalid ? (
+            <ErrorCircleIcon width={16} />
+          ) : (
+            <SuccessCircleIcon />
+          )}
         </div>
 
         <div>
@@ -154,7 +158,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {online ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Internet connection
@@ -164,7 +168,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {portForwarding.enabled ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Port forwarding
@@ -174,7 +178,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {codex.isSuccess ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Codex connection
diff --git a/src/components/Peers/PeersQuality.tsx b/src/components/Peers/PeersQuality.tsx
index 1552acc..5fb8fa4 100644
--- a/src/components/Peers/PeersQuality.tsx
+++ b/src/components/Peers/PeersQuality.tsx
@@ -18,7 +18,7 @@ export function PeersQuality({ good }: Props) {
 
   return (
     <div className="peers-quality">
-      <ErrorCircleIcon />
+      <ErrorCircleIcon width={16} />
       <span>No peer connection active. </span>
     </div>
   );