From 765cc41c0637879c08f0cbb882d0decd03fc6e66 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 29 Jun 2024 09:04:19 +0800
Subject: [PATCH] feat: add custom feed integration

---
 .../components/feed/FeedIntegration.tsx       | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/client/components/feed/FeedIntegration.tsx b/src/client/components/feed/FeedIntegration.tsx
index 7bdd42d..6d474da 100644
--- a/src/client/components/feed/FeedIntegration.tsx
+++ b/src/client/components/feed/FeedIntegration.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { LuGithub } from 'react-icons/lu';
+import { LuGithub, LuPlug } from 'react-icons/lu';
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
 import { CodeBlock } from '../CodeBlock';
 import { useTranslation } from '@i18next-toolkit/react';
@@ -10,7 +10,7 @@ export const FeedIntegration: React.FC<{
   const { t } = useTranslation();
 
   return (
-    <div className="flex flex-wrap p-2">
+    <div className="flex flex-wrap justify-center gap-2 p-2">
       <FeedIntegrationItem
         icon={<LuGithub size={32} />}
         label="Github"
@@ -28,6 +28,33 @@ export const FeedIntegration: React.FC<{
           </div>
         }
       />
+
+      <FeedIntegrationItem
+        icon={<LuPlug size={32} />}
+        label="Custom"
+        content={
+          <div>
+            <div className="text-lg font-bold">{t('Custom Request')}</div>
+
+            <div>{t('Send POST request to')}:</div>
+
+            <CodeBlock
+              code={`POST ${window.location.origin}/open/feed/${props.feedId}/send
+
+Body
+{
+  eventName: "",
+  eventContent: "",
+  tags: [],
+  source: "",
+  senderId: "",
+  senderName: "",
+  important: false,
+}`}
+            />
+          </div>
+        }
+      />
     </div>
   );
 });