From e1b2e5c3d6948290eefaa17788d315db888768cf Mon Sep 17 00:00:00 2001
From: Pavel Meyer <meyerpavel1207@gmail.com>
Date: Fri, 27 Oct 2023 13:39:32 +0300
Subject: [PATCH] CW-2236 Changed icons for inbox

---
 .../NewStreamButton/NewStreamButton.tsx       |  3 +--
 .../PlusButton/PlusButton.module.scss         | 12 ++++++++++--
 .../components/PlusButton/PlusButton.tsx      | 19 ++++++-------------
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx
index 32945285d6..2aa19737a1 100644
--- 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
index 396726a2da..5cd45faf8c 100644
--- 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
index 39df903ceb..6540bf4552 100644
--- 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>
   );
 };