From 56bc60024d16bf31bab4a35d7d06b5039a23b540 Mon Sep 17 00:00:00 2001
From: John Oleksowicz <johnoleksowicz@icloud.com>
Date: Tue, 7 Jun 2022 12:34:16 -0500
Subject: [PATCH] Link segment tags to filtered subscribers page

MAILPOET-4244
---
 mailpoet/assets/js/src/common/tag/tags.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/mailpoet/assets/js/src/common/tag/tags.tsx b/mailpoet/assets/js/src/common/tag/tags.tsx
index f42a88d2da..89eb446027 100644
--- a/mailpoet/assets/js/src/common/tag/tags.tsx
+++ b/mailpoet/assets/js/src/common/tag/tags.tsx
@@ -3,6 +3,7 @@ import { Tag } from './tag';
 
 type Segment = {
   name: string;
+  id?: string;
 };
 
 type Props = {
@@ -17,11 +18,21 @@ function Tags({ children, dimension, segments, strings }: Props) {
     <div className="mailpoet-tags">
       {children}
       {segments &&
-        segments.map((segment) => (
-          <Tag key={segment.name} dimension={dimension} variant="list">
-            {segment.name}
-          </Tag>
-        ))}
+        segments.map((segment) =>
+          segment.id ? (
+            <a
+              href={`admin.php?page=mailpoet-subscribers#/filter[segment=${segment.id}]`}
+            >
+              <Tag key={segment.name} dimension={dimension} variant="list">
+                {segment.name}
+              </Tag>
+            </a>
+          ) : (
+            <Tag key={segment.name} dimension={dimension} variant="list">
+              {segment.name}
+            </Tag>
+          ),
+        )}
       {strings &&
         strings.map((string) => (
           <Tag key={string} dimension={dimension} variant="list">