fix information validations

Author: shreeyash07

manager-dashboard/app/views/NewTutorial/InformationPageInput/index.tsx

@@ -9,7 +9,6 @@ import {
 
 import TextInput from '#components/TextInput';
 import Button from '#components/Button';
-import MarkdownEditor from '#components/MarkdownEditor';
 import InformationPagePreview from './InformationPagePreview';
 
 import { InformationPagesType } from '../utils';

manager-dashboard/app/views/NewTutorial/index.tsx

@@ -76,7 +76,7 @@ import {
     InformationPagesType,
     colorKeyToColorMap,
     InformationPageTemplateKey,
-    infoPageTemplateoptions,
+    infoPageTemplateOptions,
     infoPageBlocksMap,
     tileServerUrls,
     ColorKey,
@@ -565,14 +565,19 @@ function NewTutorial(props: Props) {
                             popupContentClassName={styles.newInfoButtonPopup}
                             disabled={submissionPending || projectTypeEmpty}
                         >
-                            {infoPageTemplateoptions.map((infoPageTemplate) => (
+                            {infoPageTemplateOptions.map((infoPageTemplate) => (
                                 <Button
                                     className={styles.popupItem}
                                     name={infoPageTemplate.key}
                                     key={infoPageTemplate.key}
                                     onClick={handleAddInformationPage}
                                     variant="transparent"
-                                    disabled={submissionPending || projectTypeEmpty}
+                                    disabled={(
+                                        submissionPending
+                                        || projectTypeEmpty
+                                        || (value.informationPages
+                                            && value.informationPages.length >= 10)
+                                    )}
                                 >
                                     {infoPageTemplate.label}
                                 </Button>

manager-dashboard/app/views/NewTutorial/utils.ts

@@ -170,7 +170,7 @@ export interface InformationPageOption {
     label: string;
 }
 
-export const infoPageTemplateoptions: InformationPageOption[] = [
+export const infoPageTemplateOptions: InformationPageOption[] = [
     {
         key: '1-picture',
         label: 'With 1 picture',
@@ -429,7 +429,7 @@ export const tutorialFormSchema: TutorialFormSchema = {
             },
             informationPages: {
                 validation: (info) => {
-                    if (info && info.length >= 10) {
+                    if (info && info.length > 10) {
                         return 'Information page cannot be more than 10';
                     }
                     return undefined;