From babcf8fe417e7d53f4d47e783b445208865a9f42 Mon Sep 17 00:00:00 2001
From: Jaewook Ahn <dev.jaewook@gmail.com>
Date: Wed, 10 Aug 2022 18:46:10 +0900
Subject: [PATCH] Fix ClickToCopyText to display correct color

---
 src/components/ClickToCopyText/ClickToCopyText.css |  3 ---
 src/components/ClickToCopyText/index.tsx           | 10 +++++-----
 2 files changed, 5 insertions(+), 8 deletions(-)
 delete mode 100644 src/components/ClickToCopyText/ClickToCopyText.css

diff --git a/src/components/ClickToCopyText/ClickToCopyText.css b/src/components/ClickToCopyText/ClickToCopyText.css
deleted file mode 100644
index 6f966dc..0000000
--- a/src/components/ClickToCopyText/ClickToCopyText.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.text-click-to-copy {
-    color: rgba(0, 0, 0, 0.65);
-}
diff --git a/src/components/ClickToCopyText/index.tsx b/src/components/ClickToCopyText/index.tsx
index 7b06b33..bf4c3f7 100644
--- a/src/components/ClickToCopyText/index.tsx
+++ b/src/components/ClickToCopyText/index.tsx
@@ -2,16 +2,16 @@
  * External modules
  */
 import React, { useCallback, useState } from "react";
+import styled from "styled-components";
 import {
     Button,
     Tooltip,
 } from "antd";
 import copy from "copy-to-clipboard";
 
-/**
- * Internal modules
- */
-import "./ClickToCopyText.css";
+const Text = styled(Button)`
+    color: rgba(0, 0, 0, 0.65);
+`;
 
 interface ClickToCopyTextProps {
     children: string;
@@ -33,7 +33,7 @@ export const ClickToCopyText = (props: ClickToCopyTextProps) => {
     }, []);
     return (
         <Tooltip title={!copied ? "클릭해서 복사하기" : "복사완료!"} onVisibleChange={handleVisibleChange}>
-            <Button className="text-click-to-copy" type="link" onClick={handleCopyClick}>{children}</Button>
+            <Text type="link" onClick={handleCopyClick}>{children}</Text>
         </Tooltip>
     );
 };