Fix ClickToCopyText to display correct color

Jaewoook · Aug 10, 2022 · babcf8f · babcf8f
1 parent 64fb2b7
commit babcf8f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/components/ClickToCopyText/ClickToCopyText.css b/src/components/ClickToCopyText/ClickToCopyText.css
diff --git 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>
     );
 };