From 7302accfecb7bbd69a03fe51a041b08502330b51 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Mon, 15 Jan 2024 12:28:46 +0100
Subject: [PATCH 1/2] zendesk simple integration

---
 src/i18n/en/nav.ts                    |  1 +
 src/pages/en/integrations/zendesk.mdx | 39 +++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/pages/en/integrations/zendesk.mdx

diff --git a/src/i18n/en/nav.ts b/src/i18n/en/nav.ts
index 513d2fe9..f5876ddd 100644
--- a/src/i18n/en/nav.ts
+++ b/src/i18n/en/nav.ts
@@ -99,6 +99,7 @@ export default [
 	{ text: 'GitHub', slug: 'integrations/github', key: 'integrations/troubleshooting' },
 	{ text: 'Google Tag Manager', slug: 'integrations/google-tag-manager', key: 'integrations/troubleshooting' },
 	{ text: 'Jira Cloud', slug: 'integrations/jira', key: 'integrations/troubleshooting' },
+	{text: 'Zendesk', slug: 'integrations/zendesk', key: 'integrations/troubleshooting'},
 	{ text: 'MSTeams', slug: 'integrations/msteams', key: 'integrations/troubleshooting' },
 	{ text: 'New Relic', slug: 'integrations/newrelic', key: 'integrations/troubleshooting' },
 	{ text: 'Rollbar', slug: 'integrations/rollbar', key: 'integrations/troubleshooting' },
diff --git a/src/pages/en/integrations/zendesk.mdx b/src/pages/en/integrations/zendesk.mdx
new file mode 100644
index 00000000..fba51994
--- /dev/null
+++ b/src/pages/en/integrations/zendesk.mdx
@@ -0,0 +1,39 @@
+---
+title: "Zendesk Integration"
+metaTitle: "Zendesk Integration with OpenReplay"
+metaDescription: "How to integrate Zendesk with OpenReplay."
+---
+
+How to integrate Zendesk with OpenReplay.
+
+Easiest way to integrate Zendesk with Openreplay is to use the [Text app](https://www.zendesk.com/marketplace/apps/support/1691/text/) to  add a link to user's sessions to your ticket pages.
+
+## Installation
+
+- Install the free [Text app](https://www.zendesk.com/marketplace/apps/support/1691/text/) from the Zendesk marketplace.
+
+- Specify a preferred title (i.e "Openreplay links").
+
+- For the text display, you can follow this format (making sure to change OPENREPLAY_DOMAIN and PROJECT_ID with valid address and ID)
+
+```
+https://<OPENREPLAY_DOMAIN>/<PROJECT_ID>/sessions?uid=is|{{ticket.requester.email}}&range=LAST_24_HOURS
+```
+
+- To view the link, navigate to a ticket and open the Apps panel by clicking the Apps button in the upper right.
+
+[Text app documentation](https://www.zendesk.com/marketplace/apps/support/1691/text/).
+
+## Changing the format
+
+You can test your link format by going to your OpenReplay instance and changing the search, starting with User Id filter,
+then adding any important events, for example, this query searches for
+all sessions that had a bad request and are associated with the user email:
+
+```
+https://<OPENREPLAY_DOMAIN>/<PROJECT_ID>/sessions?uid=is|{{ticket.requester.email}}&iss=is|bad_request&range=LAST_24_HOURS
+```
+
+## Have questions?
+
+If you encounter any issues, connect to our [Slack](https://slack.openreplay.com) and get help from our community.

From 3c0053d8ed1468c67193778675ac7cc0326877bd Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Mon, 15 Jan 2024 12:35:20 +0100
Subject: [PATCH 2/2] zdesk icon

---
 public/landing-icons/icon-zendesk.svg | 5 +++++
 src/pages/en/integrations.mdx         | 3 ++-
 src/util/getIcons.ts                  | 4 ++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 public/landing-icons/icon-zendesk.svg

diff --git a/public/landing-icons/icon-zendesk.svg b/public/landing-icons/icon-zendesk.svg
new file mode 100644
index 00000000..c6b8abb1
--- /dev/null
+++ b/public/landing-icons/icon-zendesk.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1393 1055.77" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M643.51 278.74v777H0zm0-278.74c0 177.57-143.84 321.41-321.41 321.41S0 177.57 0 0zm106 1055.77c0-177.57 143.84-321.41 321.41-321.41s321.41 143.84 321.41 321.41zm0-278.74V0H1393z"
+		fill="black"/>
+</svg>
diff --git a/src/pages/en/integrations.mdx b/src/pages/en/integrations.mdx
index dcb980b3..e87e1938 100644
--- a/src/pages/en/integrations.mdx
+++ b/src/pages/en/integrations.mdx
@@ -26,6 +26,7 @@ Get the most out of OpenReplay by integrating it with your favorite tools.
 <div class="card">
 <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
     <IconText title="Jira" url="/integrations/jira" />
+	<IconText title="Zendesk" url="/integrations/zendesk"/>
     <IconText title="GitHub" url="/integrations/github" />
     <IconText title="Slack" url="/integrations/slack" />
     <IconText title="Teams" url="/integrations/msteams" />
@@ -37,4 +38,4 @@ Get the most out of OpenReplay by integrating it with your favorite tools.
 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
     <IconText title="Segment" url="/integrations/segment" />
 </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/util/getIcons.ts b/src/util/getIcons.ts
index 2dae8cb2..bcb22a7b 100644
--- a/src/util/getIcons.ts
+++ b/src/util/getIcons.ts
@@ -96,6 +96,10 @@ export function getSVGIcon(title: string) {
              return (`
              <img class="h-7 w-7" src="/landing-icons/icon-jira.svg" alt="Jira" />
              `)
+			case 'zendesk':
+				return (`
+					<img class='h-7 w-7' src="/landing-icons/icon-zendesk.svg" alt="Zendesk" />
+				`)
          case 'slack':
              return (`
              <img class="h-7 w-7" src="/landing-icons/icon-slack.svg" alt="Slack" />