fix : overhual unnatural text

components/public/weapon-image-export.tsx

@@ -14,7 +14,6 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/components/ui/dialog";
-import { exportText } from "@/lib/guides/export-text";
 import type { PublicGuide } from "@/lib/guides/queries";
 
 type WeaponGroup = PublicGuide["weaponGroups"][number];
@@ -46,10 +45,10 @@ function WeaponComparisonImage({
       <GuideExportBranding backgroundUrl={guide.character.splashImageUrl ?? guide.coverUrl} />
       <header className="relative z-10 flex flex-col items-center px-48 text-center drop-shadow-[0_4px_3px_rgba(0,0,0,0.9)]">
         <h2 className="max-w-full text-5xl leading-tight font-bold text-balance">
-          {exportText("weaponTitle", { name: guide.character.name })}
+          {`${guide.character.name}’s Weapon Comparison`}
         </h2>
         <p className="mt-1 text-4xl font-bold text-white">
-          {exportText(metric === "overallPercent" ? "overallDamage" : "personalDamage")}
+          {metric === "overallPercent" ? "Overall Damage" : "Personal Damage"}
         </p>
         <p className="mt-2 text-2xl font-semibold">{conditionLabel}</p>
       </header>
@@ -111,11 +110,11 @@ export function WeaponImageExport({
   group: WeaponGroup;
   conditionIndex: number;
 }) {
-  const conditionLabel = group.name || exportText("condition", { index: conditionIndex + 1 });
+  const conditionLabel = group.name || `Condition ${conditionIndex + 1}`;
   const baseName = `${guide.name}-Weapon-${conditionLabel}`;
   const metricOptions = ([
-    ["overallPercent", exportText("overallDamage")],
-    ["personalPercent", exportText("personalDamage")],
+    ["overallPercent", "Overall Damage"],
+    ["personalPercent", "Personal Damage"],
   ] as const).filter(([metric]) =>
     group.rows.some((row) => row[metric] !== null),
   );
@@ -124,13 +123,13 @@ export function WeaponImageExport({
     <Dialog>
       <DialogTrigger render={<Button type="button" variant="outline" size="sm" />}>
         <DownloadIcon data-icon="inline-start" />
-        {exportText("exportImage")}
+        ส่งออกภาพ
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>{exportText("damageTitle")}</DialogTitle>
+          <DialogTitle>เลือกประเภทดาเมจ</DialogTitle>
           <DialogDescription>
-            {exportText("damageDescription")}
+            เลือกค่าที่ต้องการใช้สร้างภาพเปรียบเทียบอาวุธ
           </DialogDescription>
         </DialogHeader>
         <div className="grid gap-2 sm:grid-cols-2">
@@ -140,7 +139,7 @@ export function WeaponImageExport({
               fileName={`${baseName}-${label}.png`}
               width={1200}
               captureClassName="p-0"
-              buttonLabel={label}
+              buttonLabel={metric === "overallPercent" ? "ดาเมจทั้งทีม" : "ดาเมจส่วนตัว"}
             >
               <WeaponComparisonImage
                 guide={guide}