From 88d7d516e31e11eddd96cfda129d56cd71978130 Mon Sep 17 00:00:00 2001
From: Sanjeev Kumar <ksanjeev284@gmail.com>
Date: Tue, 22 Aug 2023 01:04:24 +0530
Subject: [PATCH] Completed Ordered List Function

added Ordered List Function to Editor and Dynamic Canva.
---
 config/config.yaml                                     |  2 +-
 front/components/Objects/Editor/Editor.tsx             |  8 ++++++++
 .../Objects/Editor/Toolbar/ToolbarButtons.tsx          |  4 ++--
 .../Pages/Activities/DynamicCanva/DynamicCanva.tsx     | 10 ++++++++++
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/config/config.yaml b/config/config.yaml
index 28e3295a..9e892240 100644
--- a/config/config.yaml
+++ b/config/config.yaml
@@ -4,7 +4,7 @@ contact_email: hi@learnhouse.app
 
 general:
   development_mode: true
-  install_mode: false
+  install_mode: true
 
 security:
   auth_jwt_secret_key: secret
diff --git a/front/components/Objects/Editor/Editor.tsx b/front/components/Objects/Editor/Editor.tsx
index 8470f22c..d101e3d0 100644
--- a/front/components/Objects/Editor/Editor.tsx
+++ b/front/components/Objects/Editor/Editor.tsx
@@ -409,6 +409,14 @@ export const EditorContentWrapper = styled.div`
     display: block;
     outline: 0px solid transparent;
   }
+
+  ul, ol {
+    padding: 0 1rem;
+    padding-left: 10px;
+    list-style-type: decimal;
+  }
+  
+
 `;
 
 export default Editor;
diff --git a/front/components/Objects/Editor/Toolbar/ToolbarButtons.tsx b/front/components/Objects/Editor/Toolbar/ToolbarButtons.tsx
index b00a71c5..a9a2c0c5 100644
--- a/front/components/Objects/Editor/Toolbar/ToolbarButtons.tsx
+++ b/front/components/Objects/Editor/Toolbar/ToolbarButtons.tsx
@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { FontBoldIcon, FontItalicIcon, StrikethroughIcon, ArrowLeftIcon, ArrowRightIcon, OpacityIcon, DividerVerticalIcon } from "@radix-ui/react-icons";
+import { FontBoldIcon, FontItalicIcon, StrikethroughIcon, ArrowLeftIcon, ArrowRightIcon, OpacityIcon, DividerVerticalIcon, ListBulletIcon } from "@radix-ui/react-icons";
 import { AlertCircle, AlertTriangle, FileText, GraduationCap, ImagePlus, Info, Sigma, Video, Youtube, ListOrdered } from "lucide-react";
 import ToolTip from "@components/StyledElements/Tooltip/Tooltip";
 
@@ -40,7 +40,7 @@ export const ToolbarButtons = ({ editor, props }: any) => {
         <StrikethroughIcon />
       </ToolBtn>
       <ToolBtn onClick={() => editor.chain().focus().toggleOrderedList().run()} className={editor.isActive('orderedList') ? 'is-active' : ''}>
-        <ListOrdered />
+        <ListBulletIcon />
       </ToolBtn>
       <ToolSelect
         onChange={(e) =>
diff --git a/front/components/Pages/Activities/DynamicCanva/DynamicCanva.tsx b/front/components/Pages/Activities/DynamicCanva/DynamicCanva.tsx
index 1b570d29..5ab24ea7 100644
--- a/front/components/Pages/Activities/DynamicCanva/DynamicCanva.tsx
+++ b/front/components/Pages/Activities/DynamicCanva/DynamicCanva.tsx
@@ -9,6 +9,7 @@ import ImageBlock from "@components/Objects/Editor/Extensions/Image/ImageBlock";
 import VideoBlock from "@components/Objects/Editor/Extensions/Video/VideoBlock";
 import MathEquationBlock from "@components/Objects/Editor/Extensions/MathEquation/MathEquationBlock";
 import PDFBlock from "@components/Objects/Editor/Extensions/PDF/PDFBlock";
+import { OrderedList } from "@tiptap/extension-ordered-list";
 
 interface Editor {
   content: string;
@@ -49,6 +50,9 @@ function Canva(props: Editor) {
         controls: true,
         modestBranding: true,
       }),
+
+      OrderedList.configure()
+
     ],
 
     content: props.content,
@@ -101,6 +105,12 @@ h5 {
   margin-bottom: 10px;
 }
 
+ul, ol {
+  padding: 0 1rem;
+  padding-left: 10px;
+  list-style-type: decimal;
+}
+
 
 &:focus {
   outline: none !important;