style: last minute release tweaks (#733)

bosonprotocol · Jun 29, 2023 · ee9e49b · ee9e49b
1 parent 0ffd524
commit ee9e49b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/components/seller/salesChannels/SalesChannels.tsx b/src/components/seller/salesChannels/SalesChannels.tsx
@@ -1,10 +1,10 @@
-import { Gear } from "phosphor-react";
 import React from "react";
 import { Link } from "react-router-dom";
 
 import { BosonRoutes, SellerCenterRoutes } from "../../../lib/routing/routes";
 import { useSellers } from "../../../lib/utils/hooks/useSellers";
 import { Channels } from "../../modal/components/SalesChannelsModal/form";
+import Button from "../../ui/Button";
 import GridContainer from "../../ui/GridContainer";
 import { SalesChannelCard } from "./SalesChannelCard";
 
@@ -38,10 +38,9 @@ export const SalesChannels: React.FC<SalesChannelsProps> = ({ sellerId }) => {
         {...(hasStoreFrontSaved && {
           secondCta: (
             <Link to={{ pathname: BosonRoutes.ManageStorefronts }}>
-              <Gear
-                style={{ color: "initial", cursor: "pointer" }}
-                weight="regular"
-              />
+              <Button theme="secondary" size="small">
+                Manage
+              </Button>
             </Link>
           )
         })}

diff --git a/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx b/src/pages/custom-store/manage/ManageStoreFrontsPage.tsx
@@ -108,6 +108,11 @@ const StoreFrontItem = styled.li`
   width: 100%;
 `;
 
+const iconProps = {
+  weight: "regular",
+  size: 20
+} as const;
+
 export const ManageStoreFrontsPage = () => {
   const { isConnected } = useAccount();
   const { showModal } = useModal();
@@ -200,7 +205,7 @@ export const ManageStoreFrontsPage = () => {
                           }
                         }}
                       >
-                        <Copy weight="regular" />
+                        <Copy {...iconProps} />
                       </CopyButton>
                     )}
                     <Link
@@ -211,11 +216,11 @@ export const ManageStoreFrontsPage = () => {
                         }`
                       }}
                     >
-                      <Gear style={{ color: "initial" }} weight="regular" />
+                      <Gear style={{ color: "initial" }} {...iconProps} />
                     </Link>
                     <Trash
                       style={{ cursor: "pointer" }}
-                      weight="regular"
+                      {...iconProps}
                       onClick={() => {
                         showModal(
                           "CONFIRMATION",