fix broken icons into buttons

AletheiaFact · Feb 15, 2025 · d6bac66 · d6bac66
1 parent e6d5662
commit d6bac66
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 12 deletions.
diff --git a/src/components/ClaimReview/ClaimReviewDrawer.tsx b/src/components/ClaimReview/ClaimReviewDrawer.tsx
@@ -65,12 +65,14 @@ const ClaimReviewDrawer = () => {
                                 padding: "1rem",
                                 display: "flex",
                                 flexDirection: "column",
-                                justifyContent:"space-between"
+                                justifyContent: "space-between"
                             }}
                         >
                             <Grid item style={{ display: "flex", gap: 32 }}>
                                 <AletheiaButton
-                                    icon={<ArrowBackOutlined style={{marginRight:"10px"}} fontSize="small"/>}
+                                    startIcon={
+                                        <ArrowBackOutlined style={{ marginRight: "10px" }} fontSize="small" />
+                                    }
                                     onClick={() =>
                                         dispatch(actions.closeReviewDrawer())
                                     }
@@ -108,7 +110,7 @@ const ClaimReviewDrawer = () => {
                                         justifyContent: "center",
                                         gap: 8,
                                         alignItems: "center",
-                                        marginTop:"10px"
+                                        marginTop: "10px"
                                     }}
                                 >
                                     <ErrorOutlineOutlined

diff --git a/src/components/ClaimReview/ReportModelButtons.tsx b/src/components/ClaimReview/ReportModelButtons.tsx
@@ -27,6 +27,12 @@ const ReportModelButtons = ({ setFormCollapsed }) => {
         recreateMachine(event.currentTarget.id);
     };
 
+    const addIcon = (
+        <AddIcon
+            style={{ marginBottom: "5px" }}
+        />
+    );
+
     return (
         <Grid container
             style={{
@@ -51,7 +57,7 @@ const ReportModelButtons = ({ setFormCollapsed }) => {
                                 <Button
                                     type={ButtonType.blue}
                                     onClick={toggleFormCollapse}
-                                    icon={<AddIcon />}
+                                    startIcon={addIcon}
                                     data-cy={
                                         "testAddInformativeNewsReviewButton"
                                     }
@@ -64,7 +70,7 @@ const ReportModelButtons = ({ setFormCollapsed }) => {
                                 <Button
                                     type={ButtonType.blue}
                                     onClick={toggleFormCollapse}
-                                    icon={<AddIcon />}
+                                    startIcon={addIcon}
                                     data-cy={"testAddFactCheckReviewButton"}
                                     id={ReportModelEnum.FactChecking}
                                 >
@@ -78,7 +84,7 @@ const ReportModelButtons = ({ setFormCollapsed }) => {
                             <Button
                                 type={ButtonType.blue}
                                 onClick={toggleFormCollapse}
-                                icon={<AddIcon />}
+                                startIcon={addIcon}
                                 data-cy={"testAddFactCheckReviewButton"}
                                 id={ReportModelEnum.FactChecking}
                             >
@@ -89,7 +95,7 @@ const ReportModelButtons = ({ setFormCollapsed }) => {
                             <Button
                                 type={ButtonType.blue}
                                 onClick={toggleFormCollapse}
-                                icon={<AddIcon />}
+                                startIcon={addIcon}
                                 data-cy={
                                     "testAddVerificationRequestReviewButton"
                                 }

diff --git a/src/components/Form/InputSearch.tsx b/src/components/Form/InputSearch.tsx
@@ -47,7 +47,6 @@ const InputSearch = (props) => {
             variant="outlined"
             placeholder={props.placeholder || ""}
             size="large"
-            loading={loading}
             onChange={(e) => doSearch(e)}
             InputProps={{
                 startAdornment: props.prefix ? (

diff --git a/src/components/Header/SelectLanguage.tsx b/src/components/Header/SelectLanguage.tsx
@@ -76,13 +76,10 @@ const SelectLanguage = (props: { defaultLanguage; dataCy }) => {
         <>
             {!vw?.xs && (
                 <SelectInput
-                    bordered={false}
-                    showArrow={true}
                     value={language}
                     onChange={(e) => setDefaultLanguage(e.target.value as string)}
                     onSelect={setDefaultLanguage}
                     data-cy={props.dataCy}
-                    loading={switchLoading}
                 >
                     <MenuItem value="pt" data-cy="testLanguagePt">
                         <ReactCountryFlag

diff --git a/src/components/ImageUpload.tsx b/src/components/ImageUpload.tsx
@@ -91,7 +91,10 @@ const ImageUpload = ({
     };
 
     const uploadButton = (
-        <AletheiaButton data-cy="testUploadImage" icon={<FileUploadOutlined style={{fontSize:"17px", margin:"0 5 4 0"}} />}>
+        <AletheiaButton
+            data-cy="testUploadImage"
+            startIcon={<FileUploadOutlined style={{ fontSize: "17px", margin: "0 5 4 0" }} />}
+        >
             {t("claimForm:fileInputButton")}
         </AletheiaButton>
     );