feat(page-adder): conditional classname

jotform · Oct 2, 2021 · bbb5c8a · bbb5c8a
1 parent 3a14433
commit bbb5c8a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/Builder/PageAdder.js b/src/components/Builder/PageAdder.js
@@ -1,9 +1,11 @@
-import PropTypes from 'prop-types';
+import { func, number, string } from 'prop-types';
+import classNames from 'classnames';
 import { scrollToTarget } from '../../utils/functions';
 import * as icons from '../../utils/icons';
 import { useTranslatedTexts } from '../../utils/hooks';
 
 const PageAdder = ({
+  additionalClass,
   onPageAdd,
   pageCount,
 }) => {
@@ -16,7 +18,7 @@ const PageAdder = ({
   const { ADD_NEW_PAGE } = useTranslatedTexts();
   return (
     <button
-      className="pageAdder forOptions"
+      className={classNames('pageAdder', additionalClass)}
       onClick={onPageAddClick}
       type="button"
     >
@@ -27,11 +29,13 @@ const PageAdder = ({
 };
 
 PageAdder.propTypes = {
-  onPageAdd: PropTypes.func,
-  pageCount: PropTypes.number,
+  additionalClass: string,
+  onPageAdd: func,
+  pageCount: number,
 };
 
 PageAdder.defaultProps = {
+  additionalClass: '',
   onPageAdd: () => {},
   pageCount: 1,
 };

diff --git a/src/components/Panels/SlidesPanel/ListWrapper.js b/src/components/Panels/SlidesPanel/ListWrapper.js
@@ -106,6 +106,7 @@ const ListWrapper = ({
       </ResponsiveContainer>
       <div className="jfReport-pane-footer">
         <PageAdder
+          additionalClass="forOptions"
           onPageAdd={onPageAdd}
           pageCount={pageCount}
         />