jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: gmail component (#6915)

Browse source 
* feat: add gmail component

* fix: lint

* fix: lint

* fix: pretty frontend

* fix: lint

* feat: add support for additional fields

* feat: update gmail component with improved action names

* feat: add gmail component template example

* feat: update gmail component

* Add tests

* removing template from PR

* Update test_gmail_api.py

* fix outdated template

---------

Co-authored-by: Edwin Jose <edwin.jose@datastax.com>
Co-authored-by: cristhianzl <cristhian.lousa@gmail.com>
This commit is contained in:
Abhishek Patil 2025-03-18 01:06:28 +05:30 • committed by GitHub
commit ee71a85638
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 790 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/frontend/src/icons/gmail/gmail.jsx Normal file
View file

@ -0,0 +1,30 @@
const Icon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48"
width="23px"
height="23px"
>
<path
fill="#4caf50"
d="M45,16.2l-5,2.75l-5,4.75L35,40h7c1.657,0,3-1.343,3-3V16.2z"
/>
<path
fill="#1e88e5"
d="M3,16.2l3.614,1.71L13,23.7V40H6c-1.657,0-3-1.343-3-3V16.2z"
/>
<polygon
fill="#e53935"
points="35,11.2 24,19.45 13,11.2 12,17 13,23.7 24,31.95 35,23.7 36,17"
/>
<path
fill="#c62828"
d="M3,12.298V16.2l10,7.5V11.2L9.876,8.859C9.132,8.301,8.228,8,7.298,8h0C4.924,8,3,9.924,3,12.298z"
/>
<path
fill="#fbc02d"
d="M45,12.298V16.2l-10,7.5V11.2l3.124-2.341C38.868,8.301,39.772,8,40.702,8h0 C43.076,8,45,9.924,45,12.298z"
/>
</svg>
);
export default Icon;

1
src/frontend/src/icons/gmail/gmail.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="23px" height="23px"><path fill="#4caf50" d="M45,16.2l-5,2.75l-5,4.75L35,40h7c1.657,0,3-1.343,3-3V16.2z"/><path fill="#1e88e5" d="M3,16.2l3.614,1.71L13,23.7V40H6c-1.657,0-3-1.343-3-3V16.2z"/><polygon fill="#e53935" points="35,11.2 24,19.45 13,11.2 12,17 13,23.7 24,31.95 35,23.7 36,17"/><path fill="#c62828" d="M3,12.298V16.2l10,7.5V11.2L9.876,8.859C9.132,8.301,8.228,8,7.298,8h0C4.924,8,3,9.924,3,12.298z"/><path fill="#fbc02d" d="M45,12.298V16.2l-10,7.5V11.2l3.124-2.341C38.868,8.301,39.772,8,40.702,8h0 C43.076,8,45,9.924,45,12.298z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 611 B

8
src/frontend/src/icons/gmail/index.tsx Normal file
View file

@ -0,0 +1,8 @@
import React, { forwardRef } from "react";
import GmailIconSVG from "./gmail";
export const GmailIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
(props, ref) => {
return <GmailIconSVG ref={ref} {...props} />;
},
);

4
src/frontend/src/utils/styleUtils.ts
View file

@ -17,6 +17,7 @@ import { ZepMemoryIcon } from "@/icons/ZepMemory";
import { AthenaIcon } from "@/icons/athena/index";
import { freezeAllIcon } from "@/icons/freezeAll";
import { GlobeOkIcon } from "@/icons/globe-ok";
import { GmailIcon } from "@/icons/gmail";
import { ThumbDownIconCustom, ThumbUpIconCustom } from "@/icons/thumbs";
import { TwitterLogoIcon } from "@radix-ui/react-icons";
import {
@ -527,6 +528,8 @@ export const SIDEBAR_CATEGORIES = [
];
export const SIDEBAR_BUNDLES = [
{ display_name: "Gmail", name: "gmail", icon: "Gmail" },
// Add apify
{ display_name: "Apify", name: "apify", icon: "Apify" },
{ display_name: "LangChain", name: "langchain_utilities", icon: "LangChain" },
{ display_name: "AgentQL", name: "agentql", icon: "AgentQL" },
@ -611,6 +614,7 @@ export const nodeIconsLucide: iconsType = {
ChatInput: MessagesSquare,
ChatOutput: MessagesSquare,
//Integration Icons
Gmail: GmailIcon,
LMStudio: LMStudioIcon,
Notify: Bell,
ListFlows: Group,