fixed less issues

oarepo · Feb 17, 2024 · e7fc24c · e7fc24c
1 parent 3d2f033
commit e7fc24c
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/ResultCount.jsx b/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/ResultCount.jsx
@@ -14,7 +14,7 @@ export const CountElement = ({ totalResults }) => {
 };
 
 export const ResultCount = ({ currentResultsState = {} }) => {
-  const { total } = currentResultsState.data;
+  const total = currentResultsState?.data?.total;
   const { loading } = currentResultsState;
   // determine if we are in searchApp context or pure searchkit
   const searchAppContext = useContext(SearchConfigurationContext);
@@ -34,5 +34,7 @@ export const ResultCount = ({ currentResultsState = {} }) => {
 CountElement.propTypes = {
   totalResults: PropTypes.number.isRequired,
 };
-
+ResultCount.propTypes = {
+  currentResultsState: PropTypes.object,
+};
 export const ResultCountWithState = withState(ResultCount);
diff --git a/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchappSearchbarElement.jsx b/oarepo_ui/theme/assets/semantic-ui/js/oarepo_ui/search/SearchappSearchbarElement.jsx
@@ -14,8 +14,10 @@ export const SearchappSearchbarElement = withState(
     currentQueryState,
     iconName,
     iconColor,
-    placeholderText,
+    placeholder: passedPlaceholder,
   }) => {
+    const placeholder = passedPlaceholder || i18next.t("Search");
+
     const onSearch = () => {
       updateQueryState({ ...currentQueryState, queryString });
     };
@@ -36,8 +38,8 @@ export const SearchappSearchbarElement = withState(
           "aria-label": i18next.t("Search"),
         }}
         fluid
-        placeholder={placeholderText}
-        aria-label={placeholderText}
+        placeholder={placeholder}
+        aria-label={placeholder}
         onChange={(event, { value }) => {
           onInputChange(value);
         }}
@@ -49,7 +51,7 @@ export const SearchappSearchbarElement = withState(
 );
 
 SearchappSearchbarElement.propTypes = {
-  placeholderText: PropTypes.string,
+  placeholder: PropTypes.string,
   queryString: PropTypes.string,
   onInputChange: PropTypes.func,
   updateQueryState: PropTypes.func,
@@ -59,7 +61,7 @@ SearchappSearchbarElement.propTypes = {
 };
 
 SearchappSearchbarElement.defaultProps = {
-  placeholderText: i18next.t("Search"),
+  placeholder: i18next.t("Search"),
   iconName: "search",
   iconColor: "green",
 };
diff --git a/oarepo_ui/theme/assets/semantic-ui/less/oarepo_ui/custom-components.less b/oarepo_ui/theme/assets/semantic-ui/less/oarepo_ui/custom-components.less
@@ -5,6 +5,12 @@
 */
 & {
   @import "./definitions/datepicker";
+}
+
+& {
   @import "./definitions/page_header";
+}
+
+& {
   @import "./definitions/page_footer";
 }
diff --git a/oarepo_ui/theme/assets/semantic-ui/less/oarepo_ui/themes/default/views/page_header.variables b/oarepo_ui/theme/assets/semantic-ui/less/oarepo_ui/themes/default/views/page_header.variables
@@ -6,4 +6,4 @@
 @pageHeaderMinHeight: 6rem;
 @pageHeaderLogoHeight:@pageHeaderMinHeight - 2rem;
 @borderRadius: 0.3rem;
-@pageheaderbottomborder:1px solid black;
+@pageHeaderBottomBorder:1px solid black;