feat: ✨ update add function gif

tipisai · Apr 30, 2024 · 8d8bd0b · 8d8bd0b
1 parent 9deef9a
commit 8d8bd0b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/apps/agent/src/page/WorkSpace/Function/modules/DocPanel/index.tsx b/apps/agent/src/page/WorkSpace/Function/modules/DocPanel/index.tsx
@@ -8,7 +8,13 @@ import { useGetWhiteListIPQuery } from "@/redux/services/peripheralAPI"
 import { useCopyToClipboard } from "@/utils/copyToClipboard"
 import CopyPanel from "../../components/CopyPanel"
 import { IFunctionForm } from "../../interface"
-import { blockStyle, descStyle, docPanelStyle, titleStyle } from "./style"
+import {
+  blockStyle,
+  descStyle,
+  docPanelStyle,
+  imageStyle,
+  titleStyle,
+} from "./style"
 import { INTEGRATION_TYPE_MAP_DOC } from "./utils"
 
 const DocPanel: FC = () => {
@@ -59,6 +65,10 @@ const DocPanel: FC = () => {
       </Button>
       <div css={blockStyle}>
         <p css={titleStyle}>{t("function.edit.right_panel.add_to_tipi")}</p>
+        <img
+          src="https://cdn.tipis.ai/tipis/how_to_add_functions.gif"
+          css={imageStyle}
+        />
       </div>
       <div css={blockStyle}>
         <p css={titleStyle}>{t("function.edit.right_panel.write_in_prompt")}</p>

diff --git a/apps/agent/src/page/WorkSpace/Function/modules/DocPanel/style.ts b/apps/agent/src/page/WorkSpace/Function/modules/DocPanel/style.ts
@@ -29,3 +29,10 @@ export const descStyle = css`
   font-weight: 400;
   line-height: 20px;
 `
+
+export const imageStyle = css`
+  width: 100%;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #f2f3f5;
+`