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 = (props) => { - const { className, isMobileVersion, onClick } = props; + const { className, onClick } = props; return ( - {isMobileVersion ? ( - - ) : ( - - )} + ); };