feat: add drag feat in editor page

Co-Authored-By: Snowball_233 <[email protected]>
TeamVastsea · Sep 8, 2024 · 734d640 · 734d640
1 parent 35b4edc
commit 734d640
Show file tree

Hide file tree

Showing 5 changed files with 249 additions and 283 deletions.
diff --git a/api/QuestionApi.ts b/api/QuestionApi.ts
@@ -137,7 +137,7 @@ export default class QuestionApi {
         return result;
     };
 
-    public static updatePage = async (input: Page): Promise<Page> => {
+    public static updatePage = async (input: Page): Promise<String> => {
         const myHeaders = new Headers();
         myHeaders.append('Content-Type', 'application/json');
         myHeaders.append('token', Cookie.getCookie('token'));
@@ -162,7 +162,7 @@ export default class QuestionApi {
             throw new Error('Failed to update question');
         }
 
-        return res.json();
+        return res.text();
     };
 
     public static updateQuestion = async (input: StringifyQuestionProps) => {

diff --git a/app/(root)/backstage/editor/[id]/DndTable.module.css b/app/(root)/backstage/editor/[id]/DndTable.module.css
@@ -0,0 +1,18 @@
+.item {
+    background-color: var(--mantine-color-body);
+}
+
+.dragHandle {
+    width: rem(40px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-1));
+    background-color: var(--mantine-color-body);
+    border-radius: 4px;
+}
+
+.dragHandle:hover {
+    background-color: #f0f0f0;
+}