From bc60cf0a35753a4c6b51f7e8540f92f072b87aa2 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 21 Feb 2024 16:00:14 +0800
Subject: [PATCH] feat: http node content

---
 web/app/components/workflow/nodes/http/node.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/nodes/http/node.tsx b/web/app/components/workflow/nodes/http/node.tsx
index 40bfc26683..6d6a92e749 100644
--- a/web/app/components/workflow/nodes/http/node.tsx
+++ b/web/app/components/workflow/nodes/http/node.tsx
@@ -1,8 +1,15 @@
 import type { FC } from 'react'
+import { mockData } from './mock'
 
 const Node: FC = () => {
+  const { method, url } = mockData
   return (
-    <div>http</div>
+    <div className='px-3'>
+      <div className='flex items-center p-1 rounded-md bg-gray-100'>
+        <div className='shrink-0 px-1 h-7 leading-7 rounded bg-gray-25 text-xs font-semibold text-gray-700 uppercase'>{method}</div>
+        <div className='ml-1 w-0 grow truncate text-xs font-normal text-gray-700'>{url}</div>
+      </div>
+    </div>
   )
 }