fix: wrong header text

culturecreates · Jan 31, 2024 · 2c9736b · 2c9736b
1 parent 0ddb483
commit 2c9736b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,11 +1,12 @@
-#calendar-widget{
+#calendar-widget {
   height: 100%;
   /* max-height: 100vh; */
 }
 
 #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
@@ -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
@@ -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>
         )}