💄Contact

noeypatt · Mar 31, 2020 · a6f3794 · a6f3794 · vercel · Mar 31, 2020
1 parent 4f24b6e
commit a6f3794
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
     "react-apexcharts": "^1.3.3",
     "react-bootstrap-table": "^4.3.1",
     "react-circle": "^1.1.1",
+    "react-copy-to-clipboard": "^5.0.2",
     "react-countup": "^4.2.2",
     "react-dom": "^16.9.0",
     "react-google-charts": "^3.0.15",

diff --git a/pages/index/Contact.js b/pages/index/Contact.js
@@ -2,7 +2,8 @@ import React, { useState, useEffect } from 'react';
 import Head from 'next/head';
 import NavBar from '../../components/layout/nav';
 import { useMediaQuery } from 'react-responsive';
-import { Skeleton, Switch, Card, Avatar } from 'antd';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { Skeleton, Card, Avatar, message, Button } from 'antd';
 import { EditOutlined, EllipsisOutlined, SettingOutlined, HomeOutlined, CopyOutlined } from '@ant-design/icons';
 const { Meta } = Card;
 
@@ -57,6 +58,10 @@ const Contact = () => {
         }, 1500)
     }, [])
 
+    const success = () => {
+        message.success('This is a success message');
+    }
+
     const onConfirm = (order) => {
         setStatus(order)
     }
@@ -107,8 +112,12 @@ const Contact = () => {
                                                 <Card
                                                     style={{ width: 300, marginTop: 15 }}
                                                     actions={[
-                                                        <HomeOutlined key="home" />,
-                                                        <CopyOutlined key="Copy" />,
+                                                        <a href="https://www.google.com/">
+                                                            <HomeOutlined key="home" />
+                                                        </a>,
+                                                        <CopyToClipboard text={"Copy"} >
+                                                            <CopyOutlined key="Copy" onClick={success} />
+                                                        </CopyToClipboard>,
                                                         <EllipsisOutlined key="ellipsis" />,
 
                                                     ]}