zishuo/message-pusher
1
0
Fork 0
mirror of https://github.com/songquanpeng/message-pusher.git synced 2025-09-27 04:26:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add a popup on Copy webhook Button to display the webhook url (#117)

Browse Source
This commit is contained in:
Yrobot
2024-11-10 10:56:38 +08:00
committed by GitHub
parent 30cd8ec528
commit d5cceb9589
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/src/components/WebhooksTable.js
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { Button, Form, Label, Pagination, Table } from 'semantic-ui-react';
import { Button, Form, Label, Pagination, Table, Popup } from 'semantic-ui-react';
import { Link } from 'react-router-dom';
import { API, copy, showError, showSuccess, showWarning } from '../helpers';
@@ -223,6 +223,7 @@ const WebhooksTable = () => {
)
.map((webhook, idx) => {
if (webhook.deleted) return <></>;
const webhookUrl = `${window.location.origin}/webhook/${webhook.link}`;
return (
<Table.Row key={webhook.id}>
<Table.Cell>{webhook.id}</Table.Cell>
@@ -238,23 +239,25 @@ const WebhooksTable = () => {
</Table.Cell>
<Table.Cell>
<div>
<Button
size={'small'}
positive
onClick={async () => {
if (
await copy(
`${window.location.origin}/webhook/${webhook.link}`
)
) {
showSuccess('已复制到剪贴板！');
} else {
showWarning('无法复制到剪贴板！');
}
}}
>
复制 Webhook 链接
</Button>
<Popup content={webhookUrl} hoverable trigger={
<Button
size={'small'}
positive
onClick={async () => {
if (
await copy(
webhookUrl
)
) {
showSuccess('已复制到剪贴板！');
} else {
showWarning('无法复制到剪贴板！');
}
}}
>
复制 Webhook 链接
</Button>
} />
<Button
size={'small'}
negative