minor fixes

Author: shreeyash07

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

@@ -59,7 +59,7 @@ function MobilePreview(props: Props) {
                 {(popupTitle || popupDescription || popupIcons) && (
                     <div className={_cs(styles.popup, popupClassName)}>
                         <div className={styles.details}>
-                            <div>
+                            <div className={styles.popupTitle}>
                                 {popupTitle}
                             </div>
                             <div>

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

@@ -71,6 +71,10 @@
 
             .details {
                 flex-grow: 1;
+
+                .popup-title {
+                    font-weight: var(--font-weight-bold);
+                }
             }
 
             .icons {

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

@@ -588,11 +588,11 @@ function NewTutorial(props: Props) {
                         {informationPages?.map((page, i) => (
                             <ExpandableContainer
                                 key={page.pageNumber}
-                                header={page.title || `Intro ${page.pageNumber}`}
+                                header={page.title || `Intro ${i + 1}`}
                                 openByDefault={i === informationPages.length - 1}
                                 actions={(
                                     <Button
-                                        name={i}
+                                        name={i + 1}
                                         onClick={onInformationPageRemove}
                                         variant="action"
                                         title="Delete page"

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

@@ -8,7 +8,6 @@ import {
     nullValue,
     ArraySchema,
     addCondition,
-    greaterThanCondition,
 } from '@togglecorp/toggle-form';
 
 import {
@@ -628,7 +627,7 @@ export const tutorialFormSchema: TutorialFormSchema = {
                                 required: true,
                                 validations: [
                                     integerCondition,
-                                    greaterThanCondition(0),
+                                    greaterThanOrEqualToCondition(0),
                                 ],
                             },
                             description: {
@@ -676,7 +675,7 @@ export const tutorialFormSchema: TutorialFormSchema = {
                                             required: true,
                                             validations: [
                                                 integerCondition,
-                                                greaterThanCondition(0),
+                                                greaterThanOrEqualToCondition(0),
                                             ],
                                         },
                                     }),