|
1 | 1 | import { Link, RichTextEditor } from "@mantine/tiptap"; |
2 | | -import Placeholder from '@tiptap/extension-placeholder'; |
3 | 2 | import Highlight from "@tiptap/extension-highlight"; |
| 3 | +import Placeholder from "@tiptap/extension-placeholder"; |
4 | 4 | import Underline from "@tiptap/extension-underline"; |
5 | 5 | import { useEditor } from "@tiptap/react"; |
6 | 6 | import StarterKit from "@tiptap/starter-kit"; |
@@ -55,7 +55,7 @@ export default function CreateTicket() { |
55 | 55 | Superscript, |
56 | 56 | SubScript, |
57 | 57 | Highlight, |
58 | | - Placeholder.configure({ placeholder: t("ticket_extra_details") }) |
| 58 | + Placeholder.configure({ placeholder: t("ticket_extra_details") }), |
59 | 59 | // TextAlign.configure({ types: ['heading', 'paragraph'] }), |
60 | 60 | ], |
61 | 61 | content: issue, |
@@ -378,6 +378,17 @@ export default function CreateTicket() { |
378 | 378 | </div> |
379 | 379 | <div className="flex flex-col xl:flex-row h-full w-full"> |
380 | 380 | <div className="w-full xl:w-2/3 order-2 xl:order-2"> |
| 381 | + <div className="px-4 border-b border-gray-700"> |
| 382 | + <input |
| 383 | + type="text" |
| 384 | + name="title" |
| 385 | + placeholder={t("ticket_details")} |
| 386 | + maxLength={64} |
| 387 | + autoComplete="off" |
| 388 | + onChange={(e) => setTitle(e.target.value)} |
| 389 | + className="w-full pl-0 pr-0 sm:text-xl border-none dark:bg-[#0A090C] dark:text-white focus:outline-none focus:shadow-none focus:ring-0 focus:border-none" |
| 390 | + /> |
| 391 | + </div> |
381 | 392 | <RichTextEditor |
382 | 393 | editor={editor} |
383 | 394 | placeholder={t("ticket_extra_details")} |
@@ -428,22 +439,6 @@ export default function CreateTicket() { |
428 | 439 | </div> |
429 | 440 | <div className="w-full xl:w-1/6 p-3 flex flex-col dark:bg-[#0A090C] dark:text-white border-b-[1px] xl:border-b-0 xl:border-r-[1px] order-1 xl:order-1"> |
430 | 441 | <div className="flex flex-col"> |
431 | | - <div> |
432 | | - <label> |
433 | | - <span className="block text-sm font-medium text-gray-700 dark:text-white"> |
434 | | - Title |
435 | | - </span> |
436 | | - </label> |
437 | | - <input |
438 | | - type="text" |
439 | | - name="title" |
440 | | - placeholder={t("ticket_details")} |
441 | | - maxLength={64} |
442 | | - autoComplete="off" |
443 | | - onChange={(e) => setTitle(e.target.value)} |
444 | | - className="w-full pl-0 pr-0 sm:text-xl border-none dark:bg-[#0A090C] dark:text-white focus:outline-none focus:shadow-none focus:ring-0 focus:border-none" |
445 | | - /> |
446 | | - </div> |
447 | 442 | <div> |
448 | 443 | <label> |
449 | 444 | <span className="block text-sm font-medium text-gray-700 dark:text-white"> |
|
0 commit comments