feat : improve export image dialog

components/admin/guide-overview-form.tsx

@@ -11,7 +11,6 @@ import { saveGuideOverview } from "@/app/admin/actions";
 import { AutosaveStatus } from "@/components/admin/autosave-status";
 import { MediaUploader } from "@/components/admin/media-uploader";
 import { MaterialPoster, type PosterBlendMode } from "@/components/public/material-poster";
-import { GuideImageExport } from "@/components/public/guide-image-export";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -468,27 +467,6 @@ export function GuideOverviewForm({
                       ลบภาพตัวละคร
                     </Button>
                   ) : null}
-                  <GuideImageExport
-                    width={1600}
-                    height={2000}
-                    format="png"
-                    disabled={!posterArt.url}
-                    fileName={`${guide.name}-materials.png`}
-                    allowWithoutNotes={false}
-                    captureClassName="p-0"
-                  >
-                    <MaterialPoster
-                      character={guide.character}
-                      characterArtUrl={posterArt.url}
-                      artworkOffsetX={posterArtOffset.x}
-                      artworkOffsetY={posterArtOffset.y}
-                      artworkScale={posterArtScale}
-                      artworkRotation={posterArtRotation}
-                      topColors={posterTopColors}
-                      bottomColors={posterBottomColors}
-                      bleeding={bleeding}
-                    />
-                  </GuideImageExport>
                 </div>
                 <div className="flex flex-col gap-2 rounded-lg border p-3">
                   <div className="flex items-center justify-between gap-2">