Skip to content

Commit

Permalink
💄Contact
Browse files Browse the repository at this point in the history
  • Loading branch information
noeypatt committed Mar 31, 2020
1 parent a6f3794 commit 739f748
Showing 1 changed file with 8 additions and 5 deletions.
13 changes: 8 additions & 5 deletions pages/index/Contact.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import NavBar from '../../components/layout/nav';
import { useMediaQuery } from 'react-responsive';
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';
import { EditOutlined, EllipsisOutlined, SettingOutlined, LinkOutlined, CopyOutlined } from '@ant-design/icons';
const { Meta } = Card;

const Contact = () => {
Expand All @@ -14,16 +14,19 @@ const Contact = () => {

const [data, setData] = useState([
{
img: "",
name: "",
detail: "",
tel: ""
},
{
img: "",
name: "",
detail: "",
tel: ""
},
{
img: "",
name: "",
detail: "",
tel: ""
Expand Down Expand Up @@ -59,7 +62,7 @@ const Contact = () => {
}, [])

const success = () => {
message.success('This is a success message');
message.success('Copied.');
}

const onConfirm = (order) => {
Expand Down Expand Up @@ -112,8 +115,8 @@ const Contact = () => {
<Card
style={{ width: 300, marginTop: 15 }}
actions={[
<a href="https://www.google.com/">
<HomeOutlined key="home" />
<a href="https://www.google.com/" target="_blank">
<LinkOutlined key="link"/>
</a>,
<CopyToClipboard text={"Copy"} >
<CopyOutlined key="Copy" onClick={success} />
Expand All @@ -122,7 +125,7 @@ const Contact = () => {

]}
>
<Skeleton loading={loading} avatar active>
<Skeleton loading={loading} avatar active >
<Meta
avatar={
<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
Expand Down

1 comment on commit 739f748

@vercel
Copy link

@vercel vercel bot commented on 739f748 Mar 31, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.