Image size saving fix (#377)

* Update ImageBlock.ts * Update index.ts * Update image styling Update the image styling to not show the image containers background.
elegantframework · Feb 28, 2024 · 5dd2b37 · 5dd2b37
1 parent f942946
commit 5dd2b37
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/source/elegant/src/components/Editor/Extensions/ImageBlock/ImageBlock.ts b/source/elegant/src/components/Editor/Extensions/ImageBlock/ImageBlock.ts
@@ -66,7 +66,17 @@ export const ImageBlock = Image.extend({
   },
 
   renderHTML({ HTMLAttributes }) {
-    return ['img', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+    return [
+      'div',
+     {class: "my-8 shadow-xl rounded-xl"},
+     [
+       'img',
+       {
+         class: "rounded-xl",
+         ...HTMLAttributes
+       }
+     ]
+   ]
   },
 
   addCommands() {

diff --git a/source/elegant/src/pages/api/admin/images/[slug]/index.ts b/source/elegant/src/pages/api/admin/images/[slug]/index.ts
@@ -18,7 +18,12 @@ export default async function handler(
     const response = await fetch(
       `https://raw.githubusercontent.com/${REPO_OWNER}/${REPO_SLUG}/${REPO_BRANCH}/${
         MONOREPO_PATH ? MONOREPO_PATH + '/' : ''
-      }public/images/${req.query?.slug}`
+      }public/images/${req.query?.slug}`,
+      {
+        headers: {
+          authorization: `token ${session.access_token}`
+        }
+      }
     );
 
     if (response.status === 200 && response.body) {

diff --git a/source/elegant/src/utils/Hooks/useEditor.tsx b/source/elegant/src/utils/Hooks/useEditor.tsx
@@ -81,7 +81,7 @@ export const useEditor = ({ ...rhfMethods }) => {
         renderHTML({ HTMLAttributes }) {
           return [
              'div',
-            {class: "my-8 shadow-xl"},
+            {class: "my-8 shadow-xl rounded-xl"},
             [
               'img',
               {