From 2c9736bf5f8036bceaa2db118ce3e3c41323e0bd Mon Sep 17 00:00:00 2001
From: syam babu <syam@dexlock.com>
Date: Wed, 31 Jan 2024 22:07:21 +0530
Subject: [PATCH] fix: wrong header text

---
 src/App.css                                  | 3 ++-
 src/App.js                                   | 2 +-
 src/components/resultHeader/ResultHeader.jsx | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index ac4c63d..67eb673 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,4 +1,4 @@
-#calendar-widget{
+#calendar-widget {
   height: 100%;
   /* max-height: 100vh; */
 }
@@ -6,6 +6,7 @@
 #calendar-widget > .widget-layout {
   width: 100%;
   /* padding: 16px; */
+  height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
diff --git a/src/App.js b/src/App.js
index 0542d84..4c50056 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,7 +13,7 @@ function App(props) {
   dynamicCssColorInjector(palette);
   return (
     <WidgetContextProvider widgetProps={widgetProps}>
-      <div className="widget-layout" style={{ height: widgetProps.height, maxHeight: '100vh' }}>
+      <div className="widget-layout" style={{ height: widgetProps.height }}>
         <Search />
         <ResultPanel />
         <Footer />
diff --git a/src/components/resultHeader/ResultHeader.jsx b/src/components/resultHeader/ResultHeader.jsx
index 085527d..b3b12a1 100644
--- a/src/components/resultHeader/ResultHeader.jsx
+++ b/src/components/resultHeader/ResultHeader.jsx
@@ -25,7 +25,7 @@ const ResultHeader = () => {
         {isSearchEmpty && isDateRangePresent && (
           <p>
             {totalCount > 0
-              ? ` ${t('resultHeader.upcoming')} ${totalCount} ${t('events')} "${dateText}`
+              ? ` ${t('resultHeader.upcoming')} ${totalCount} ${t('events')} - ${dateText}`
               : `${t('resultHeader.noEvents')}`}
           </p>
         )}
@@ -37,12 +37,12 @@ const ResultHeader = () => {
           </p>
         )}
 
-        {!isSearchEmpty && !isDateRangePresent && (
+        {!isSearchEmpty && isDateRangePresent && (
           <p>
             {totalCount > 0
               ? ` ${totalCount} ${t(
                   'resultHeader.eventsContaining',
-                )} "${searchKeyWord}" ${dateText}`
+                )} "${searchKeyWord}" - ${dateText}`
               : `${t('resultHeader.noEvents')}`}
           </p>
         )}