From d6e1f11624b5a7f5ca4de3a0dde3b244bd9722ac Mon Sep 17 00:00:00 2001
From: LittleNa1000 <naphanccnp@gmail.com>
Date: Fri, 20 Oct 2023 02:10:44 +0700
Subject: [PATCH] styling copy btn

---
 src/assets/images/icon/copy-to-clipboard.svg       |  2 +-
 src/core/components/profile/stepCard.component.tsx | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/assets/images/icon/copy-to-clipboard.svg b/src/assets/images/icon/copy-to-clipboard.svg
index e920615..1dc6041 100644
--- a/src/assets/images/icon/copy-to-clipboard.svg
+++ b/src/assets/images/icon/copy-to-clipboard.svg
@@ -1 +1 @@
-<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 19v2c0 .621.52 1 1 1h2v-1.5h-1.5v-1.5zm7.5 3h-3.5v-1.5h3.5zm4.5 0h-3.5v-1.5h3.5zm4-3h-1.5v1.5h-1.5v1.5h2c.478 0 1-.379 1-1zm-1.5-1v-3.363h1.5v3.363zm0-4.363v-3.637h1.5v3.637zm-13-3.637v3.637h-1.5v-3.637zm11.5-4v1.5h1.5v1.5h1.5v-2c0-.478-.379-1-1-1zm-10 0h-2c-.62 0-1 .519-1 1v2h1.5v-1.5h1.5zm4.5 1.5h-3.5v-1.5h3.5zm3-1.5v-2.5h-13v13h2.5v-1.863h1.5v3.363h-4.5c-.48 0-1-.379-1-1v-14c0-.481.38-1 1-1h14c.621 0 1 .522 1 1v4.5h-3.5v-1.5z" fill-rule="nonzero"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24"><path d="m6 19v2c0 .621.52 1 1 1h2v-1.5h-1.5v-1.5zm7.5 3h-3.5v-1.5h3.5zm4.5 0h-3.5v-1.5h3.5zm4-3h-1.5v1.5h-1.5v1.5h2c.478 0 1-.379 1-1zm-1.5-1v-3.363h1.5v3.363zm0-4.363v-3.637h1.5v3.637zm-13-3.637v3.637h-1.5v-3.637zm11.5-4v1.5h1.5v1.5h1.5v-2c0-.478-.379-1-1-1zm-10 0h-2c-.62 0-1 .519-1 1v2h1.5v-1.5h1.5zm4.5 1.5h-3.5v-1.5h3.5zm3-1.5v-2.5h-13v13h2.5v-1.863h1.5v3.363h-4.5c-.48 0-1-.379-1-1v-14c0-.481.38-1 1-1h14c.621 0 1 .522 1 1v4.5h-3.5v-1.5z" fill-rule="nonzero" fill="#ffffff"/></svg>
\ No newline at end of file
diff --git a/src/core/components/profile/stepCard.component.tsx b/src/core/components/profile/stepCard.component.tsx
index ed6efed..3408588 100644
--- a/src/core/components/profile/stepCard.component.tsx
+++ b/src/core/components/profile/stepCard.component.tsx
@@ -27,7 +27,8 @@ const useStyles = makeStyles(theme => ({
     margin: theme.spacing(1)
   },
   icon: {
-    height: 16
+    height: 16,
+    padding: theme.spacing(1.5, 2.5)
   },
   redCircle: {
     background: theme.palette.primary.main,
@@ -188,10 +189,10 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
     if ("clipboard" in navigator) return await navigator.clipboard.writeText(zoomName)
   }
 
-  const CopyToClipboardIcon: React.FC<React.HTMLAttributes<HTMLImageElement>> = props => {
+  const CopyToClipboardButton: React.FC<React.HTMLAttributes<HTMLImageElement>> = props => {
     return (
-      <Button variant={"contained"} disableElevation className={classes.solid}>
-        <img src={copyToClipBoard} onClick={copyZoomNameToClipboard} alt="" {...props} />{" "}
+      <Button variant={"contained"} disableElevation className={classes.solid} onClick={copyZoomNameToClipboard}>
+        <img src={copyToClipBoard} alt="" {...props} />{" "}
       </Button>
     )
   }
@@ -247,7 +248,7 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
                 </Typography>
                 <Typography variant="subtitle2" className={`${classes.text} ${classes.content}`}>
                   {text.contents}
-                  รบกวนน้องตั้งชื่อใน ZOOM ว่า {zoomName} <CopyToClipboardIcon className={classes.icon} /> นะครับ
+                  รบกวนน้องตั้งชื่อใน ZOOM ว่า {zoomName} นะครับ <CopyToClipboardButton className={classes.icon} />
                 </Typography>
 
                 <div className={classes.buttonContainer}>