Feature/mainflow

src/components/CreateSection.jsx

@@ -21,7 +21,6 @@ function CreateSection() {
       return;
     }
     setStep(step + 1);
-
   }
   const prevStep = () => {
     setStep(step - 1);

src/components/create/Step1.jsx

@@ -23,6 +23,7 @@ const props = {
     },
   };
 
+
 function Step1({nextStep, topic, setTopic, message}) {
   return (
     <div className='flex flex-row justify-center'>
@@ -36,7 +37,7 @@ function Step1({nextStep, topic, setTopic, message}) {
             </div>
             <div className='message-container mt-1rem text-center'>{'ERROR: ' + message}</div>
             <div className='step-input-container flex flex-col justify-center'>
-                <Input.TextArea rows={20} value={topic} onChange={(e) => setTopic(e.target.value)} placeholder= 'Type or paste (Ctrl+V) your text here or upload a document.'/>
+            <Input.TextArea rows={20} value={topic} onChange={(e) => setTopic(e.target.value)} placeholder='Type or paste (Ctrl+V) your text here or upload a document'/>
             </div>
             <div className='step-button-container flex flex-row justify-center'>
             <ConfigProvider

src/components/create/Step2.jsx

@@ -76,12 +76,24 @@ function Step2({isFetchLoading, submitHandler, prevStep, numberOfSlides, setNumb
               <div className='step-input-title'>Words Per Slide</div>
               <Input 
                 type="number"
-                min={20}
+                min={50}
                 placeholder='Words Per Slide'
                 value={wordsPerSlide}
                 onChange={(e) => setWordsPerSlide(e.target.value)}
               />
             </div>
+
+            <div className='step-button-container flex flex-row justify-center items-center'>
+              <ConfigProvider
+                  theme={{
+                    token: {
+                      colorPrimary: '#e52991',
+                    },
+                  }}
+                >
+                <Button size='large' className='next-step-button cursor-pointer mr-5' onClick={prevStep}>Previous Step</Button>
+                <Button size='large' className='cursor-pointer bg-[#e52991]' type='primary' loading={isFetchLoading} onClick={submitHandler}>Submit</Button>
+              </ConfigProvider>
             {isFetchLoading && 
             <div className="loading-animation-contianer my-[1rem]">
               <div className="follow-the-leader">

src/pages/editor/index.jsx

@@ -19,6 +19,7 @@ export default function EditorPage() {
   };
 
   const deletePage = (pageId) => {
+    if(canvasPages.length === 1) return;
     const updatedPages = canvasPages.filter((pId) => (pId != pageId));
     EditorRefs.current = EditorRefs.current.filter((ref) => (ref != null));
     setCanvasPages(updatedPages);
@@ -62,7 +63,7 @@ export default function EditorPage() {
     <>
       <Navbar />
       <div className='flex w-full'>
-      <div className='bg-[#F9FBFD] h-[90vh] w-[300px] overflow-y-scroll overflow-x-hidden'>
+      <div className='bg-[#F9FBFD] h-[90vh] w-[300px] overflow-y-scroll overflow-x-hidden flex flex-col items-center justify-start py-5'>
         {canvasPages.map((pageId, index) => (
             <div 
               key={index}