Fix issue with submission of form

- Fix issue with submission of information pages
- Re-calculate page number for information page
- Move components to views
- Open prop to expand exandable container
- Add headingLabel on MobilePreview
- Pass disabled prop on inputs
- Set ESRI as defualt tileserver b
- Update type for geojson type

Author: tnagorra

manager-dashboard/app/components/ExpandableContainer/index.tsx

@@ -12,6 +12,7 @@ interface Props {
     actions?: React.ReactNode;
     className?: string;
     children?: React.ReactNode;
+    openByDefault?: boolean;
 }
 
 function ExpandableContainer(props: Props) {
@@ -21,9 +22,10 @@ function ExpandableContainer(props: Props) {
         icons,
         header,
         actions,
+        openByDefault = false,
     } = props;
 
-    const [isExpanded, setIsExpanded] = React.useState(false);
+    const [isExpanded, setIsExpanded] = React.useState(openByDefault);
 
     return (
         <div

manager-dashboard/app/components/ExpandableContainer/styles.css

@@ -7,6 +7,7 @@
         border: var(--width-separator-thin) solid var(--color-separator);
         border-top-left-radius: var(--radius-card-border);
         border-top-right-radius: var(--radius-card-border);
+        background-color: var(--color-background-accent-hint);
         padding: var(--spacing-medium);
 
         .header {

manager-dashboard/app/components/MobilePreview/index.tsx

@@ -8,6 +8,7 @@ import styles from './styles.css';
 
 interface Props {
     className?: string;
+    headingLabel?: React.ReactNode;
     heading?: React.ReactNode;
     actions?: React.ReactNode;
     children?: React.ReactNode;
@@ -21,6 +22,7 @@ interface Props {
 function MobilePreview(props: Props) {
     const {
         className,
+        headingLabel,
         heading,
         actions,
         children,
@@ -42,7 +44,7 @@ function MobilePreview(props: Props) {
                     level={5}
                 >
                     <div className={styles.label}>
-                        You are looking for:
+                        {headingLabel}
                     </div>
                     <div>
                         {heading}

…mponents/OrganisationFormModal/index.tsx …ews/Home/OrganisationFormModal/index.tsxmanager-dashboard/app/components/OrganisationFormModal/index.tsx renamed to manager-dashboard/app/views/Home/OrganisationFormModal/index.tsx manager-dashboard/app/components/OrganisationFormModal/index.tsx renamed to manager-dashboard/app/views/Home/OrganisationFormModal/index.tsx

@@ -12,12 +12,12 @@ import SmartLink from '#base/components/SmartLink';
 import useBooleanState from '#hooks/useBooleanState';
 
 import Button from '#components/Button';
-import OrganisationFormModal from '#components/OrganisationFormModal';
-import TutorialList from '#components/TutorialList';
-import OrganisationList from '#components/OrganisationList';
 import TextInput from '#components/TextInput';
 import useInputState from '#hooks/useInputState';
 
+import OrganisationFormModal from './OrganisationFormModal';
+import OrganisationList from './OrganisationList';
+import TutorialList from './TutorialList';
 import styles from './styles.css';
 
 interface Props {