From 4bed7fcaa88ac3358cf50352456203260ebbdabe Mon Sep 17 00:00:00 2001
From: "Chang, Hui-Tang" <huitang.chang@instill.tech>
Date: Thu, 28 Nov 2024 13:53:00 +0800
Subject: [PATCH] chore(component): add icons for google-drive, perplexity-ai
 and leadiq (#1627)

Because

- we have new components: google-drive, perplexity-ai and leadiq

This commit

- adds icons.
- updates component list.
---
 apps/console/public/icons/google-sheets.svg           | 9 +++++++++
 apps/console/public/icons/leadiq.svg                  | 3 +++
 apps/console/public/icons/perplexity-ai.svg           | 3 +++
 packages/toolkit/src/constant/integration.ts          | 7 ++++++-
 packages/toolkit/src/view/recipe-editor/lib/schema.ts | 3 +++
 5 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 apps/console/public/icons/google-sheets.svg
 create mode 100644 apps/console/public/icons/leadiq.svg
 create mode 100644 apps/console/public/icons/perplexity-ai.svg

diff --git a/apps/console/public/icons/google-sheets.svg b/apps/console/public/icons/google-sheets.svg
new file mode 100644
index 0000000000..e8bd919717
--- /dev/null
+++ b/apps/console/public/icons/google-sheets.svg
@@ -0,0 +1,9 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="64" height="64" fill="url(#pattern0_20_645)"/>
+<defs>
+<pattern id="pattern0_20_645" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_20_645" transform="translate(-0.046875 -0.046875) scale(0.00854492)"/>
+</pattern>
+<image id="image0_20_645" width="128" height="128" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/apps/console/public/icons/leadiq.svg b/apps/console/public/icons/leadiq.svg
new file mode 100644
index 0000000000..af374dca4f
--- /dev/null
+++ b/apps/console/public/icons/leadiq.svg
@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0884 40.446C36.0587 41.6528 32.6996 41.741 29.6116 40.6948C26.5237 39.6485 23.9097 37.5363 22.2384 34.7369C20.5671 31.9377 19.9478 28.6344 20.4917 25.4197C21.0356 22.2052 22.707 19.2895 25.2061 17.1958C27.7051 15.1021 30.8687 13.9674 34.1289 13.9952C37.3891 14.023 40.5328 15.2115 42.9957 17.3474C45.4586 19.4834 47.0812 22.4271 47.57 25.6505C48.0589 28.874 47.3838 32.1661 45.6646 34.9366L49.6819 38.9543C48.0136 41.2898 45.8453 43.2261 43.3343 44.622L50.212 51.4999L56.3669 45.2462L49.8601 38.7393C52.5012 34.9284 53.6798 30.2898 53.1755 25.6748C52.6611 20.9661 50.431 16.6119 46.9101 13.4438C43.388 10.2758 38.823 8.51577 34.087 8.50005C29.3497 8.48432 24.7743 10.214 21.2318 13.3586C17.6895 16.5032 15.4299 20.8424 14.8842 25.5477C14.3387 30.2528 15.5453 34.9939 18.2739 38.8658C21.0024 42.7375 25.0618 45.4685 29.6756 46.5372C34.2907 47.6058 39.1373 46.9371 43.2902 44.6589L39.0884 40.446ZM11.2626 14.755C11.2554 15.7667 10.8468 16.7342 10.1263 17.4445C9.40593 18.1548 8.43277 18.5499 7.42108 18.5428C6.40938 18.5356 5.44192 18.1269 4.73157 17.4065C4.02122 16.686 3.62617 15.7129 3.63327 14.7012C3.63327 12.6746 5.34065 11.0211 7.52862 11.0211C8.51518 11.0332 9.45796 11.4304 10.1556 12.1281C10.8533 12.8257 11.2505 13.7685 11.2626 14.755ZM10.4538 46.4523H4.37226V22.8111H10.4538V46.4523Z" fill="#00D586"/>
+</svg>
diff --git a/apps/console/public/icons/perplexity-ai.svg b/apps/console/public/icons/perplexity-ai.svg
new file mode 100644
index 0000000000..24fd2fa057
--- /dev/null
+++ b/apps/console/public/icons/perplexity-ai.svg
@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0645 18.7699H47.4523V2L31.3383 17.0149V2H28.6615V17.0149L12.5476 2V18.7699H5.93536V42.9319H12.5299V58L28.6615 43.641V58H31.3383V43.641L47.47 58V42.9319H54.0645V18.7699ZM44.7578 8.16904V18.7699H33.3947L44.7578 8.16904ZM15.2244 8.16904L26.5875 18.7699H15.2244V8.16904ZM8.61217 40.2551V21.4644H26.552L12.5299 34.352V40.2551H8.62989H8.61217ZM15.2066 35.522L28.6615 23.1662V40.0601L15.2066 52.026V35.522ZM44.7755 52.026L31.3206 40.0601V23.1662L44.7755 35.522V52.026ZM51.37 40.2551H47.47V34.352L33.4479 21.4644H51.3877V40.2551H51.37Z" fill="#20808D"/>
+</svg>
diff --git a/packages/toolkit/src/constant/integration.ts b/packages/toolkit/src/constant/integration.ts
index ad9d89b214..48c9e43df7 100644
--- a/packages/toolkit/src/constant/integration.ts
+++ b/packages/toolkit/src/constant/integration.ts
@@ -1,4 +1,9 @@
-export const AvailableOAuthIntegration = ["github", "slack", "google-drive"];
+export const AvailableOAuthIntegration = [
+  "github",
+  "slack",
+  "google-drive",
+  "google-sheets",
+];
 export const OAuthCallbackConnectionIdQueryParam = "connectionId";
 export const OAuthCallbackIntegrationIdQueryParam = "integrationId";
 export const OAuthCallbackStatusQueryParam = "status";
diff --git a/packages/toolkit/src/view/recipe-editor/lib/schema.ts b/packages/toolkit/src/view/recipe-editor/lib/schema.ts
index 2e261f2386..fb711fb1d0 100644
--- a/packages/toolkit/src/view/recipe-editor/lib/schema.ts
+++ b/packages/toolkit/src/view/recipe-editor/lib/schema.ts
@@ -46,6 +46,9 @@ const connectorDefinitionIds = [
   "universal-ai",
   "instill-app",
   "google-drive",
+  "google-sheets",
+  "perplexity-ai",
+  "leadiq",
 ];
 
 export const InstillYamlSchema = {