From 76aa4b3b0b0b503357c900bc32d8b6fff79b0aff Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Sun, 29 Mar 2020 16:18:51 +0300
Subject: [PATCH] pagination input placeholder added to discover

---
 src/routes/Discover/Discover.js |  2 +-
 src/routes/Discover/styles.less | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js
index 84d269eea..fa59b2900 100644
--- a/src/routes/Discover/Discover.js
+++ b/src/routes/Discover/Discover.js
@@ -75,7 +75,7 @@ const Discover = ({ urlParams, queryParams }) => {
                                     paginationInput !== null ?
                                         <PaginationInput {...paginationInput} className={styles['pagination-input']} />
                                         :
-                                        null
+                                        <PaginationInput label={'1'} className={classnames(styles['pagination-input'], styles['pagination-input-placeholder'])} />
                                 }
                             </div>
                             :
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 4034674c4..e6bcd9d61 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -90,6 +90,20 @@
                     height: 3.5rem;
                     margin-left: 1.5rem;
 
+                    &.pagination-input-placeholder {
+                        pointer-events: none;
+
+                        .pagination-prev-button-container, .pagination-next-button-container {
+                            .pagination-button-icon {
+                                fill: @color-surface-dark5-90;
+                            }
+                        }
+
+                        .pagination-label {
+                            color: @color-surface-dark5-90;
+                        }
+                    }
+
                     .pagination-prev-button-container, .pagination-next-button-container {
                         width: 3.5rem;
                         height: 3.5rem;