feat: change custom store copies and add gear icon (#728)

bosonprotocol · Jun 28, 2023 · 14ebefb · 14ebefb
1 parent 9e280bd
commit 14ebefb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 18 deletions.
diff --git a/src/components/modal/components/CustomStoreModal.tsx b/src/components/modal/components/CustomStoreModal.tsx
@@ -5,7 +5,7 @@ import { Copy, CopySimple, Info } from "phosphor-react";
 import * as pretty from "pretty";
 import { useState } from "react";
 import toast from "react-hot-toast";
-import { Link, useSearchParams } from "react-router-dom";
+import { useSearchParams } from "react-router-dom";
 import styled from "styled-components";
 import * as Yup from "yup";
 
@@ -21,7 +21,6 @@ import SimpleError from "../../error/SimpleError";
 import { Input } from "../../form";
 import { CopyButton } from "../../form/Field.styles";
 import { Spinner } from "../../loading/Spinner";
-import { getSellerCenterPath } from "../../seller/paths";
 import SuccessToast from "../../toasts/common/SuccessToast";
 import BosonButton from "../../ui/BosonButton";
 import Button from "../../ui/Button";
@@ -250,17 +249,8 @@ export function CustomStoreModal({
               return (
                 <Form>
                   <p>
-                    Here you can decide to store this store front by typying in
-                    a name in the input below. You will be able to manage all
-                    saved storefronts by going to{" "}
-                    <Link
-                      to={{
-                        pathname: getSellerCenterPath("Sales Channels")
-                      }}
-                    >
-                      Sales channels
-                    </Link>{" "}
-                    and then select Web3 Commerce Store.
+                    Provide a name below to identify the storefront and to save
+                    the link to your Seller Hub.
                   </p>
                   <Grid
                     alignItems="flex-start"

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,9 +38,10 @@ export const SalesChannels: React.FC<SalesChannelsProps> = ({ sellerId }) => {
         {...(hasStoreFrontSaved && {
           secondCta: (
             <Link to={{ pathname: BosonRoutes.ManageStorefronts }}>
-              <Button theme="secondary" size="small">
-                Manage
-              </Button>
+              <Gear
+                style={{ color: "initial", cursor: "pointer" }}
+                weight="regular"
+              />
             </Link>
           )
         })}

diff --git a/src/pages/custom-store/CustomStorePage.tsx b/src/pages/custom-store/CustomStorePage.tsx
@@ -151,7 +151,7 @@ export default function CustomStore() {
               title: hasSteps ? "Next Steps" : "Congratulations!",
               text: hasSteps
                 ? "Your storefront URL and further options are below:"
-                : "Congrats for creating your storefront. See the URL and further options below:",
+                : "Your storefront has been successfully created. The URL along with further options are included below:",
               buttonText: hasSteps ? "Next" : "Done",
               ipfsUrl,
               htmlString: html,