https://bacctrack-7ha7hyw7.manus.space/assets/AdminTutorialVideosPage-DaXxQELv.js

1import{t as p,b as l,r as h,j as e,E as Q,G as W,X}from"./index-C3Qps0S4.js";import{B as d}from"./button-xdpkFraK.js";import{I as k}from"./input-Dj8udylZ.js";import{T as Z}from"./textarea-DrSHHi7w.js";import{C as A,a as V}from"./card-DtXeaqs_.js";import{D as K,b as ee,c as ae,d as se}from"./dialog-BY1FISUw.js";import{S as te}from"./switch-TjY2ppeC.js";import{B as C}from"./badge-DBCec9J8.js";import{V as D}from"./video-B3bCWWD7.js";import{P as ie}from"./plus-BLlLQSZn.js";import{P as E}from"./play-NZNEVHTw.js";import{L as I}from"./link-2-CMBdbpN2.js";import{E as S}from"./external-link-BaKbLCyP.js";import{A as le}from"./arrow-up-CfgqzYEd.js";import{P as ce}from"./pencil-BOPWUr1Y.js";import{T as de}from"./trash-2-DOBLe4Vk.js";import{U as M}from"./upload-_gXBE_kq.js";import"./index-Jol-UBUv.js";import"./index-BKUanX19.js";import"./index-Dr02_Kwf.js";import"./index-BBBp6CNx.js";function m(b){const i=[/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/|youtube\.com\/shorts\/)([^&\s?/]+)/,/^([a-zA-Z0-9_-]{11})$/];for(const j of i){const u=b.match(j);if(u)return u[1]}return null}function Ue(){const b=p.useUtils(),{data:i,isLoading:j}=p.tutorialVideos.all.useQuery(),u=p.tutorialVideos.create.useMutation({onSuccess:()=>{b.tutorialVideos.all.invalidate(),l.success("เพิ่มคลิปสำเร็จ"),g(!1)},onError:a=>l.error("เกิดข้อผิดพลาด: "+a.message)}),x=p.tutorialVideos.update.useMutation({onSuccess:()=>{b.tutorialVideos.all.invalidate(),l.success("อัปเดตสำเร็จ"),g(!1)},onError:a=>l.error("เกิดข้อผิดพลาด: "+a.message)}),R=p.tutorialVideos.delete.useMutation({onSuccess:()=>{b.tutorialVideos.all.invalidate(),l.success("ลบสำเร็จ")},onError:a=>l.error("เกิดข้อผิดพลาด: "+a.message)}),L=p.admin.uploadBannerImage.useMutation({onError:a=>{l.error(`อัปโหลดไม่สำเร็จ: ${a.message}`)}}),[Y,g]=h.useState(!1),[f,N]=h.useState(null),[s,r]=h.useState({title:"",youtubeUrl:"",description:"",thumbnailUrl:""}),[$,B]=h.useState(null),[T,y]=h.useState(!1),P=h.useRef(null),O=()=>{N(null),r({title:"",youtubeUrl:"",description:"",thumbnailUrl:""}),g(!0)},F=a=>{N(a),r({title:a.title,youtubeUrl:a.youtubeUrl,description:a.description||"",thumbnailUrl:a.thumbnailUrl||""}),g(!0)},w=async a=>{if(a.size>5*1024*1024){l.error("ไฟล์ใหญ่เกิน 5MB");return}y(!0);try{const t=new FileReader,n=await new Promise((o,H)=>{t.onload=()=>{const J=t.result;o(J.split(",")[1])},t.onerror=H,t.readAsDataURL(a)}),c=await L.mutateAsync({base64:n,mimeType:a.type||"image/jpeg",field:"desktop"});c.url&&(r(o=>({...o,thumbnailUrl:c.url})),l.success("อัปโหลด Thumbnail สำเร็จ"))}catch{}finally{y(!1)}},G=()=>{if(!s.title.trim()){l.error("กรุณากรอกชื่อคลิป");return}if(!s.youtubeUrl.trim()){l.error("กรุณากรอก YouTube URL");return}const a=m(s.youtubeUrl.trim());if(!a){l.error("YouTube URL ไม่ถูกต้อง กรุณาใส่ลิงก์ YouTube หรือ Video ID");return}const t=s.thumbnailUrl||`https://img.youtube.com/vi/${a}/mqdefault.jpg`;f?x.mutate({id:f.id,title:s.title.trim(),youtubeUrl:s.youtubeUrl.trim(),thumbnailUrl:t,description:s.description.trim()||void 0}):u.mutate({title:s.title.trim(),youtubeUrl:s.youtubeUrl.trim(),thumbnailUrl:t,description:s.description.trim()||void 0,displayOrder:(i?.length||0)+1})},_=a=>{x.mutate({id:a.id,isActive:a.isActive?0:1})},v=(a,t)=>{if(!i)return;const n=i.findIndex(o=>o.id===a.id),c=t==="up"?n-1:n+1;c<0||c>=i.length||(x.mutate({id:a.id,displayOrder:i[c].displayOrder}),x.mutate({id:i[c].id,displayOrder:a.displayOrder}))},q=a=>{confirm(`ลบคลิป "${a.title}" ?`)&&R.mutate({id:a.id})},z=i?.filter(a=>a.isActive).length||0,U=i?.length||0;return e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:152",className:"space-y-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:154",className:"flex items-center justify-between",children:[e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:155",children:[e.jsxs("h1",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:156",className:"text-2xl font-bold text-white flex items-center gap-2",children:[e.jsx(D,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:157",className:"h-6 w-6 text-red-400"}),"จัดการคลิปสอนการใช้งาน"]}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:160",className:"text-sm text-gray-400 mt-1",children:"à¸

1ˆà¸±à¸”การคลิป YouTube ที่แสดงในหน้าหลัก"})]}),e.jsxs(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:162",onClick:O,className:"bg-red-600 hover:bg-red-700",children:[e.jsx(ie,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:163",className:"h-4 w-4 mr-2"}),"เพิ่มคลิป"]})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:169",className:"grid grid-cols-2 md:grid-cols-3 gap-3",children:[e.jsx(A,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:170",className:"bg-zinc-900/50 border-zinc-800",children:e.jsxs(V,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:171",className:"p-3 text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:172",className:"text-xs text-zinc-400",children:"คลิปทั้งหมด"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:173",className:"text-xl font-bold text-zinc-200",children:U})]})}),e.jsx(A,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:176",className:"bg-zinc-900/50 border-zinc-800",children:e.jsxs(V,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:177",className:"p-3 text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:178",className:"text-xs text-zinc-400",children:"กำลังแสดง"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:179",className:"text-xl font-bold text-green-400",children:z})]})}),e.jsx(A,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:182",className:"bg-zinc-900/50 border-zinc-800",children:e.jsxs(V,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:183",className:"p-3 text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:184",className:"text-xs text-zinc-400",children:"ซ่อนอยู่"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:185",className:"text-xl font-bold text-zinc-500",children:U-z})]})})]}),j?e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:192",className:"space-y-3",children:[...Array(3)].map((a,t)=>e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:193",className:"h-24 animate-pulse rounded-xl bg-gray-800/50"},t))}):!i||i.length===0?e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:196",className:"text-center py-16 rounded-xl bg-gray-900/50 border border-gray-800/50",children:[e.jsx(D,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:197",className:"h-12 w-12 mx-auto mb-3 text-gray-600"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:198",className:"text-gray-400",children:"ยังไม่มีคลิปสอนการใช้งาน"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:199",className:"text-xs text-gray-500 mt-1",children:'กดปุ่ม "เพิ่มคลิป" เพื่อเพิ่มคลิป YouTube'})]}):e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:202",className:"space-y-3",children:i.map((a,t)=>{const n=m(a.youtubeUrl),c=$===a.id;return e.jsx(A,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:208",className:`overflow-hidden transition-all ${a.isActive?"bg-zinc-900/60 border-zinc-700/50":"bg-zinc-900/30 border-zinc-800/30 opacity-60"}`,children:e.jsxs(V,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:209",className:"p-0",children:[c&&n&&e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:212",className:"aspect-video border-b border-zinc-700",children:e.jsx("iframe",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:213",src:`https://www.youtube.com/embed/${n}?rel=0`,title:a.title,className:"w-full h-full",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:223",className:"flex items-center gap-4 p-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:225",className:"relative w-28 h-18 md:w-36 md:h-20 rounded-lg overflow-hidden bg-gray-800 flex-shrink-0",children:[e.jsx("img",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:226",src:a.thumbnailUrl||(n?`https://img.youtube.com/vi/${n}/mqdefault.jpg`:""),alt:a.title,className:"w-full h-full object-cover",onError:o=>{o.target.style.display="none"}}),e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:232",className:"absolute inset-0 flex items-center justify-center bg-black/30",children:e.jsx(E,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:233",className:"h-6 w-6 text-white/80"})})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:238",className:"flex-1 min-w-0",children:[e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:239",className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h3",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:240",className:"font-semibold text-white truncate",children:a.title}),e.jsx(C,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:241",className:a.isActive?"bg-green-600/20 text-green-400 border-green-600/30":"bg-zinc-600/20 text-zinc-400 border-zinc-600/30",children:a.isActive?"แสดง":"ซ่อน"}),e.jsxs(C,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:244",variant:"outline",className:"border-zinc-600 text-zinc-400 text-xs",children:["#",a.displayOrder]})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:248",className:"flex items-center gap-2 mt-1",children:[e.jsx(I,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:249",className:"w-3 h-3 text-red-400 shrink-0"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:250",className:"text-xs text-gray-400 truncate",children:a.youtubeUrl}),e.jsx("a",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:251",href:a.youtubeUrl,target:"_blank",rel:"noopener",className:"text-blue-400 hover:text-blue-300 shrink-0",children:e.jsx(S,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:252",className:"h-3 w-3"})})]}),a.description&&e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:255",className:"text-xs text-gray-500 mt-1 line-clamp-1",children:a.description})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:259",className:"flex items-center gap-1 flex-shrink-0",children:[e.jsx(te,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:260",checked:!!a.isActive,onCheckedChange:()=>_(a)}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:264",variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:()=>B(c?null:a.id),title:"ดูตัวอย่าง",children:e.jsx(Q,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:265",className:"h-4 w-4"})}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:267",variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:()=>v(a,"up"),disabled:t===0,children:e.jsx(le,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:268",className:"h-4 w-4"})}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:270",variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:()=>v(a,"down"),disabled:t===i.length-1,children:e.jsx(W,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:271",className:"h-4 w-4"})}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:273",variant:"ghost",size:"sm",className:"h-8 w-8 p-0 text-orange-400",onClick:()=>F(a),children:e.jsx(ce,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:274",className:"h-4 w-4"})}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:276",variant:"ghost",size:"sm",className:"h-8 w-8 p-0 text-red-400 hover:text-red-300",onClick:()=>q(a),children:e.jsx(de,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:277",className:"h-4 w-4"})})]})]})]})},a.id)})}),e.jsx("input",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:289",ref:P,type:"file",accept:"image/*,.svg,.bmp,.tiff,.avif,.heic,.heif,.ico",className:"hidden",onChange:a=>{const t=a.target.files?.[0];t&&w(t),a.target.value=""}}),e.jsx(K,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:302",open:Y,onOpenChange:g,children:e.jsxs(ee,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:303",className:"max-w-lg bg-zinc-900 border-zinc-700",children:[e.jsx(ae,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:304",children:e.jsx(se,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:305",className:"text-red-400",children:f?"แก้ไขคลิป":"เพิ่มคลิปใหม่"})}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:307",className:"space-y-4 mt

1-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:309",children:[e.jsx("label",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:310",className:"text-sm text-gray-300 mb-1 block",children:"ชื่อคลิป *"}),e.jsx(k,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:311",value:s.title,onChange:a=>r({...s,title:a.target.value}),placeholder:"เช่น วิธีใช้สูตรบาคาร่า AI",className:"bg-zinc-800 border-zinc-700"})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:320",children:[e.jsxs("label",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:321",className:"text-sm text-gray-300 mb-1 block flex items-center gap-1",children:[e.jsx(I,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:322",className:"w-3 h-3 text-red-400"})," YouTube URL / ลิงก์วิดีโอ *"]}),e.jsx(k,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:324",value:s.youtubeUrl,onChange:a=>r({...s,youtubeUrl:a.target.value}),placeholder:"เช่น https://youtube.com/watch?v=xxxxx หรือ Video ID",className:"bg-zinc-800 border-zinc-700"}),s.youtubeUrl&&m(s.youtubeUrl)&&e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:331",className:"mt-2 rounded-lg overflow-hidden border border-zinc-700",children:[e.jsx("img",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:332",src:`https://img.youtube.com/vi/${m(s.youtubeUrl)}/mqdefault.jpg`,alt:"Preview",className:"w-full h-32 object-cover"}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:337",className:"p-2 bg-zinc-800 flex items-center gap-2 text-xs text-gray-400",children:[e.jsx(E,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:338",className:"h-3 w-3 text-red-400"}),e.jsxs("span",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:339",children:["Video ID: ",m(s.youtubeUrl)]}),e.jsx("a",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:340",href:`https://youtube.com/watch?v=${m(s.youtubeUrl)}`,target:"_blank",rel:"noopener",className:"ml-auto text-blue-400 hover:text-blue-300",children:e.jsx(S,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:341",className:"h-3 w-3"})})]})]}),s.youtubeUrl&&!m(s.youtubeUrl)&&e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:347",className:"text-xs text-red-400 mt-1",children:"URL ไม่ถูกต้อง - ใส่ลิงก์ YouTube เช่น https://youtube.com/watch?v=xxxxx"})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:352",children:[e.jsx("label",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:353",className:"text-sm text-gray-300 mb-1 block",children:"Thumbnail (ไม่บังคับ - ถ้าไม่ใส่จะใช้จาก YouTube)"}),e.jsx("input",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:354",ref:P,type:"file",accept:"image/*",className:"hidden",onChange:a=>{const t=a.target.files?.[0];t&&w(t),a.target.value=""}}),s.thumbnailUrl?e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:356",children:[e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:357",className:"rounded-lg overflow-hidden border border-zinc-700 h-24",children:e.jsx("img",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:358",src:s.thumbnailUrl,alt:"Custom Thumbnail",className:"w-full h-full object-cover"})}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:360",className:"flex gap-2 mt-2",children:[e.jsxs(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:361",type:"button",variant:"outline",size:"sm",onClick:()=>P.current?.click(),disabled:T,className:"border-red-600/50 text-red-400 hover:bg-red-600/10 flex-1",children:[T?e.jsx("span",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:362",className:"animate-spin",children:"⏳"}):e.jsx(M,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:362",className:"w-4 h-4 mr-1"}),T?"กำลังอัปโหลด...":"เปลี่ยนรูป"]}),e.jsxs(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:365",type:"button",variant:"ghost",size:"sm",onClick:()=>r({...s,thumbnailUrl:""}),className:"text-red-400",children:[e.jsx(X,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:366",className:"w-4 h-4 mr-1"})," ลบ"]})]})]}):e.jsx("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:371",onClick:()=>P.current?.click(),className:"border-2 border-dashed border-zinc-700 rounded-lg p-4 text-center cursor-pointer hover:border-red-500/50 transition-colors active:scale-[0.98]",children:T?e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:373",className:"space-y-2",children:[e.jsx("span",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:373",className:"text-2xl animate-spin inline-block",children:"⏳"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:373",className:"text-xs text-zinc-400",children:"กำลังอัปโหลด..."})]}):e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:375",className:"space-y-1",children:[e.jsx(M,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:375",className:"w-6 h-6 mx-auto text-zinc-500"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:375",className:"text-xs text-zinc-400",children:"คลิกเพื่ออัปโหลด Thumbn

1ail"}),e.jsx("p",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:375",className:"text-[10px] text-zinc-600",children:"รองรับ JPG, PNG, GIF, WebP ไม่เกิน 5MB"})]})})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:382",children:[e.jsx("label",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:383",className:"text-sm text-gray-300 mb-1 block",children:"คำอธิบาย (ไม่บังคับ)"}),e.jsx(Z,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:384",value:s.description,onChange:a=>r({...s,description:a.target.value}),placeholder:"อธิบายเนื้อหาคลิปสั้นๆ",rows:2,className:"bg-zinc-800 border-zinc-700"})]}),e.jsxs("div",{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:394",className:"flex gap-3 pt-2",children:[e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:395",variant:"outline",className:"flex-1 border-zinc-600",onClick:()=>g(!1),children:"ยกเลิก"}),e.jsx(d,{"data-loc":"client/src/pages/admin/AdminTutorialVideosPage.tsx:396",className:"flex-1 bg-red-600 hover:bg-red-700",onClick:G,disabled:u.isPending||x.isPending,children:u.isPending||x.isPending?"กำลังบันทึก...":"บันทึก"})]})]})]})})]})}export{Ue as default};