feat(web): add the cursor pointer style for CopyText (labring#1404)

* feat: add color for the delete IconText * fix: fix the error color in light and dark mode * feat: add the pointer style for CopyText * fix: lint fix * fix(web): merge classname * fix(web): removes the pointer from the CopyText classname
newfish-cmyk · Jul 19, 2023 · d261113 · d261113
1 parent 3d72820
commit d261113
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 11 deletions.
diff --git a/web/src/components/CopyText/index.tsx b/web/src/components/CopyText/index.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import { CopyIcon } from "@chakra-ui/icons";
 import { Tooltip, useClipboard } from "@chakra-ui/react";
+import clsx from "clsx";
 import { t } from "i18next";
 
 import useGlobalStore from "@/pages/globalStore";
@@ -30,7 +31,7 @@ export default function CopyText(props: {
   return (
     <Tooltip label={hideToolTip ? "" : t("Copy")} placement="top">
       {React.cloneElement(children, {
-        className: className || "",
+        className: clsx("cursor-pointer", className),
         onClick: () => {
           onCopy();
           showSuccess(tip || t("Copied"));

diff --git a/web/src/pages/app/functions/mods/EditorPanel/index.tsx b/web/src/pages/app/functions/mods/EditorPanel/index.tsx
@@ -60,10 +60,7 @@ function EditorPanel() {
           <HStack spacing={1}>
             <div className={clsx("flex items-center", !darkMode && "bg-[#F6F8F9]")}>
               <Input w={"200px"} size="xs" readOnly value={getFunctionUrl()} />
-              <CopyText
-                text={getFunctionUrl()}
-                className="mr-3 cursor-pointer !text-grayModern-300"
-              >
+              <CopyText text={getFunctionUrl()} className="mr-3 !text-grayModern-300">
                 <CopyIcon />
               </CopyText>
             </div>

diff --git a/web/src/pages/app/setting/CustomDomain/index.tsx b/web/src/pages/app/setting/CustomDomain/index.tsx
@@ -37,9 +37,7 @@ export default function CustomDomain() {
           <FormLabel>CNAME</FormLabel>
           <InputGroup>
             <Input variant="filled" value={currentApp?.domain?.domain} readOnly />
-            <InputRightAddon
-              children={<CopyText text={currentApp?.domain?.domain} className="cursor-pointer" />}
-            />
+            <InputRightAddon children={<CopyText text={currentApp?.domain?.domain} />} />
           </InputGroup>
         </FormControl>
         <FormControl className="py-4">

diff --git a/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx b/web/src/pages/app/storages/mods/CreateWebsiteModal/index.tsx
@@ -144,9 +144,7 @@ function CreateWebsiteModal() {
                 <FormLabel>CNAME</FormLabel>
                 <InputGroup size="sm">
                   <Input variant="filled" value={cnameDomain} readOnly />
-                  <InputRightAddon
-                    children={<CopyText text={cnameDomain} className="cursor-pointer" />}
-                  />
+                  <InputRightAddon children={<CopyText text={cnameDomain} />} />
                 </InputGroup>
               </FormControl>
               <FormControl>