Same Editor Settings for Ticket Details

FalkWolsky · FalkWolsky · commit 739431a4fbab · 2024-11-02T16:57:35.000+01:00
diff --git a/client/packages/lowcoder/src/pages/setting/subscriptions/productCard.tsx b/client/packages/lowcoder/src/pages/setting/subscriptions/productCard.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { GreyTextColor } from 'constants/style';
 import { Card, Button } from 'antd';
-import { SettingOutlined, CheckCircleOutlined, PlusSquareOutlined, LoadingOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import { SettingOutlined, CheckCircleOutlined, LoadingOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { buildSubscriptionSettingsLink, buildSubscriptionInfoLink } from "constants/routesURL";
 import history from "util/history";
 
diff --git a/client/packages/lowcoder/src/pages/support/supportDetail.tsx b/client/packages/lowcoder/src/pages/support/supportDetail.tsx
@@ -67,6 +67,14 @@ const AttachmentWrapper = styled.div`
   margin-bottom: 16px;
 `;
 
+const toolbarOptions = [
+  ['bold', 'italic', 'underline'], // Basic formatting options
+  [{ 'list': 'ordered' }, { 'list': 'bullet' }], // Lists
+  [{ 'header': [1, 2, 3, false] }], // Headers
+  ['link'], // Links
+  [{ 'align': [] }] // Text alignment
+];
+
 // Function to convert Jira syntax to Markdown
 const convertJiraToMarkdown = (content: string) => {
   // Normalize tabs to single spaces and reduce multiple spaces to a single space
@@ -450,6 +458,7 @@ export function SupportDetail() {
                 theme="snow"
                 value={newDescription}
                 onChange={setNewDescription}
+                modules={{ toolbar: toolbarOptions }}
                 style={{ marginBottom: '8px' }}
               />
               <Button 
@@ -469,7 +478,7 @@ export function SupportDetail() {
           ) : (
             <>
               {renderMarkdown(newDescription || trans("support.noDescription"))}
-              <Button onClick={() => setIsEditingDescription(true)} style={{ marginTop: '8px' }}>
+              <Button type="primary" onClick={() => setIsEditingDescription(true)} style={{ marginTop: '8px' }}>
                 {trans('support.edit')}
               </Button>
             </>
