From ca5684d79b07a586e61552db14d613dc26d7d814 Mon Sep 17 00:00:00 2001
From: George Berezhnoy <gohabereg@users.noreply.github.com>
Date: Fri, 9 Apr 2021 13:35:05 +0300
Subject: [PATCH 1/3] Update catalog.tsx

---
 src/resources/catalog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/resources/catalog.tsx b/src/resources/catalog.tsx
index e6d7d48..380f065 100644
--- a/src/resources/catalog.tsx
+++ b/src/resources/catalog.tsx
@@ -104,7 +104,7 @@ export default class CatalogResource extends PaginatedWineUpResource {
       return null
     }
 
-    return this.wine.grape.map(({ name }) => name).join(', ')
+    return `${this.wine.grape.slice(0, 3).map(({ name }) => name).join(', ')}...`
   }
 
   get regions() {

From dcefe98f75a33818a560fdf0a60daed6db3f7485 Mon Sep 17 00:00:00 2001
From: Georgy Berezhnoy <gohabereg@gmail.com>
Date: Fri, 9 Apr 2021 13:45:53 +0300
Subject: [PATCH 2/3] Fix lint

---
 src/resources/catalog.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/resources/catalog.tsx b/src/resources/catalog.tsx
index 380f065..6fc4c3d 100644
--- a/src/resources/catalog.tsx
+++ b/src/resources/catalog.tsx
@@ -104,7 +104,10 @@ export default class CatalogResource extends PaginatedWineUpResource {
       return null
     }
 
-    return `${this.wine.grape.slice(0, 3).map(({ name }) => name).join(', ')}...`
+    return `${this.wine.grape
+      .slice(0, 3)
+      .map(({ name }) => name)
+      .join(', ')}...`
   }
 
   get regions() {

From bfa0f1e86b66fdce3beaa4d8e51b1935aab01416 Mon Sep 17 00:00:00 2001
From: George Berezhnoy <gohabereg@users.noreply.github.com>
Date: Fri, 9 Apr 2021 17:20:47 +0300
Subject: [PATCH 3/3] Update catalog.tsx

---
 src/resources/catalog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/resources/catalog.tsx b/src/resources/catalog.tsx
index 6fc4c3d..deaa76e 100644
--- a/src/resources/catalog.tsx
+++ b/src/resources/catalog.tsx
@@ -107,7 +107,7 @@ export default class CatalogResource extends PaginatedWineUpResource {
     return `${this.wine.grape
       .slice(0, 3)
       .map(({ name }) => name)
-      .join(', ')}...`
+      .join(', ')}${this.wine.grape.lenght > 3 ? '...' : ''}`
   }
 
   get regions() {