From 57de1e41e5db0916e67c2e4b1caf873ef6601ac6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Tue, 29 Sep 2020 14:35:11 +0200
Subject: [PATCH] Allow rendering array of strings in <Tags>

[MAILPOET-2782]
---
 assets/js/src/common/tag/tags.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/js/src/common/tag/tags.tsx b/assets/js/src/common/tag/tags.tsx
index 58eafd20e7..6fb00b9cb6 100644
--- a/assets/js/src/common/tag/tags.tsx
+++ b/assets/js/src/common/tag/tags.tsx
@@ -4,13 +4,20 @@ import Tag from './tag';
 type Props = {
   children?: React.ReactNode,
   dimension?: 'large',
-  segments: any[]
+  segments?: any[],
+  strings?: string[],
 }
 
-const Tags = ({ children, dimension, segments }: Props) => (
+const Tags = ({
+  children,
+  dimension,
+  segments,
+  strings,
+}: Props) => (
   <div className="mailpoet-tags">
     {children}
-    {segments.map((segment) => <Tag key={segment.name} dimension={dimension} variant="list">{segment.name}</Tag>)}
+    {segments && segments.map((segment) => <Tag key={segment.name} dimension={dimension} variant="list">{segment.name}</Tag>)}
+    {strings && strings.map((string) => <Tag key={string} dimension={dimension} variant="list">{string}</Tag>)}
   </div>
 );