CW-2236 Changed icons for inbox

daostack · Oct 27, 2023 · e1b2e5c · e1b2e5c
1 parent 529ebaf
commit e1b2e5c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx
@@ -2,11 +2,10 @@ import React, { FC } from "react";
 import { useHistory } from "react-router";
 import { useMenuItems } from "@/pages/common/components/CommonTabPanels/components/FeedTab/components/NewStreamButton";
 import { useRoutesContext } from "@/shared/contexts";
-import { BoldPlusIcon, PlusIcon } from "@/shared/icons";
+import { PlusIcon } from "@/shared/icons";
 import { CirclesPermissions, CommonMember, Governance } from "@/shared/models";
 import {
   ButtonIcon,
-  ButtonVariant,
   DesktopMenu,
   MobileMenu,
 } from "@/shared/ui-kit";

diff --git a/src/pages/inbox/components/HeaderContent/components/PlusButton/PlusButton.module.scss b/src/pages/inbox/components/HeaderContent/components/PlusButton/PlusButton.module.scss
@@ -1,9 +1,17 @@
 @import "../../../../../../constants";
 @import "../../../../../../styles/sizes";
 
+.buttonIcon {
+  background-color: transparent;
+
+  &:hover {
+    background-color: $light-gray-1;
+  }
+}
+
 .icon {
-  width: 0.625rem;
-  height: 0.625rem;
+  width: 1rem;
+  height: 1rem;
   color: $c-gray-800;
 
   @include tablet {

diff --git a/src/pages/inbox/components/HeaderContent/components/PlusButton/PlusButton.tsx b/src/pages/inbox/components/HeaderContent/components/PlusButton/PlusButton.tsx
@@ -1,30 +1,23 @@
 import React, { FC } from "react";
-import { BoldPlusIcon, PlusIcon } from "@/shared/icons";
-import { ButtonIcon, ButtonVariant } from "@/shared/ui-kit";
+import classnames from "classnames";
+import { PlusIcon } from "@/shared/icons";
+import { ButtonIcon } from "@/shared/ui-kit";
 import styles from "./PlusButton.module.scss";
 
 interface PlusButtonProps {
   className?: string;
-  isMobileVersion?: boolean;
   onClick?: () => void;
 }
 
 const PlusButton: FC<PlusButtonProps> = (props) => {
-  const { className, isMobileVersion, onClick } = props;
+  const { className, onClick } = props;
 
   return (
     <ButtonIcon
-      className={className}
-      variant={
-        isMobileVersion ? ButtonVariant.Transparent : ButtonVariant.PrimaryGray
-      }
+      className={classnames(styles.buttonIcon, className)}
       onClick={onClick}
     >
-      {isMobileVersion ? (
-        <PlusIcon className={styles.icon} />
-      ) : (
-        <BoldPlusIcon className={styles.icon} />
-      )}
+      <PlusIcon className={styles.icon} />
     </ButtonIcon>
   );
 };