From 26f582db216a59644c61e67aa7b203f35c5236a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 23 Apr 2025 16:11:18 +0100
Subject: [PATCH] chore: add terraform to integrations (#9827)

https://linear.app/unleash/issue/2-2565/add-terraform-to-list-of-integrations

Adds Terraform to our integrations list.

It links to: https://docs.getunleash.io/reference/terraform

<img width="769" alt="image"
src="https://github.com/user-attachments/assets/28edb65f-a56d-4ffc-8ce3-cbb6bde6b19b"
/>
---
 frontend/src/assets/icons/terraform.svg          | 16 ++++++++++++++++
 .../AvailableIntegrations.tsx                    |  8 ++++++++
 .../IntegrationIcon/IntegrationIcon.tsx          |  2 ++
 .../JiraIntegration/JiraIntegration.tsx          |  2 +-
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/assets/icons/terraform.svg

diff --git a/frontend/src/assets/icons/terraform.svg b/frontend/src/assets/icons/terraform.svg
new file mode 100644
index 0000000000..48ac4db71e
--- /dev/null
+++ b/frontend/src/assets/icons/terraform.svg
@@ -0,0 +1,16 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+	<title>webhooks</title>
+	<defs>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
+			<path d="m4 4h24v24h-24z"/>
+		</clipPath>
+		<image width="50" height="72" id="img1" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMb2dvcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA1MCA3MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3YjQyYmM7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuMywxNy41bDE1LjUsOXYxOGwtMTUuNS05di0xOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNC41LDI2LjV2MThsMTUuNS05di0xOGwtMTUuNSw5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsNy41djE4bDE1LjUsOXYtMThMMCw3LjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuMyw1NS41bDE1LjUsOXYtMThsLTE1LjUtOXYxOFoiLz48L3N2Zz4="/>
+	</defs>
+	<style>
+		.s0 { fill: #f7f7fa } 
+	</style>
+	<path class="s0" d="m0 0h32v32h-32z"/>
+	<g id="Clip-Path" clip-path="url(#cp1)">
+		<use id="terraform" href="#img1" transform="matrix(.444,0,0,.444,5,0)"/>
+	</g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx b/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
index 4afe1e5279..1bb02342ee 100644
--- a/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
+++ b/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
@@ -121,6 +121,14 @@ export const AvailableIntegrations: VFC<IAvailableIntegrationsProps> = ({
                             />
                         ),
                     )}
+                    <IntegrationCard
+                        icon='terraform'
+                        title='Terraform'
+                        description={`Manage Unleash with HashiCorp’s Terraform using infrastructure as code (IaC).`}
+                        link='https://docs.getunleash.io/reference/terraform'
+                        configureActionText='View documentation'
+                        isExternal
+                    />
                     <RequestIntegrationCard />
                 </StyledCardsGrid>
             </StyledSection>
diff --git a/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx b/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx
index beade3a8d8..b461cb20fd 100644
--- a/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx
+++ b/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx
@@ -9,6 +9,7 @@ import newRelicIcon from 'assets/icons/new-relic.svg';
 import jiraIcon from 'assets/icons/jira.svg';
 import jiraCommentIcon from 'assets/icons/jira-comment.svg';
 import signals from 'assets/icons/signals.svg';
+import terraformIcon from 'assets/icons/terraform.svg';
 import slackIcon from 'assets/icons/slack.svg';
 import teamsIcon from 'assets/icons/teams.svg';
 import webhooksIcon from 'assets/icons/webhooks.svg';
@@ -55,6 +56,7 @@ const integrations: Record<
     jira: { title: 'Jira', icon: jiraIcon },
     'jira-comment': { title: 'Jira', icon: jiraCommentIcon },
     signals: { title: 'Signals', icon: signals },
+    terraform: { title: 'Terraform', icon: terraformIcon },
     slack: { title: 'Slack', icon: slackIcon },
     'slack-app': { title: 'Slack', icon: slackIcon },
     teams: { title: 'Teams', icon: teamsIcon },
diff --git a/frontend/src/component/integrations/ViewIntegration/JiraIntegration/JiraIntegration.tsx b/frontend/src/component/integrations/ViewIntegration/JiraIntegration/JiraIntegration.tsx
index 5747436626..a806919591 100644
--- a/frontend/src/component/integrations/ViewIntegration/JiraIntegration/JiraIntegration.tsx
+++ b/frontend/src/component/integrations/ViewIntegration/JiraIntegration/JiraIntegration.tsx
@@ -34,7 +34,7 @@ export const JIRA_INFO = {
     name: 'jira',
     displayName: 'Jira',
     description:
-        'Create, connect, manage, and approve Unleash feature flags directly from Jira',
+        'Create, connect, manage, and approve Unleash feature flags directly from Jira.',
     documentationUrl:
         'https://docs.getunleash.io/reference/integrations/jira-cloud-plugin-installation',
     howTo: `  - Create a new feature flag directly within Jira, or connect existing flags to any Jira issue.