2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{r as i,u as c,j as e,H as f}from"./app-Ajql0Lt4.js";import{B as x}from"./createLucideIcon-B_iAwCmA.js";import{I as g}from"./input-B0_NTiRR.js";import{L as o}from"./label-D8DO87nw.js";import{A as h}from"./app-layout-BTSySP9M.js";import{F as j,t as b,r as F,p as N,a as S}from"./index-DudYy9cl.js";import"./app-B4XVefei.js";import"./index-em-EQZzp.js";import"./sheet-iBbRuLZ4.js";import"./index-CS1SDu2T.js";import"./index-UHLdfeKp.js";import"./app-logo-icon-B9D8MR-Y.js";import"./package-CgKP903x.js";F(N,S);function H(){const[s,m]=i.useState(null),{data:n,setData:t,post:u,processing:r,errors:l,wasSuccessful:p}=c({alt:"",image_url:null});i.useEffect(()=>{s&&t("image_url",s.file)},[s,t]);const d=a=>{a.preventDefault(),u("/carousel",{forceFormData:!0}),p&&b.success("Slider image successfully uploaded")};return e.jsxs(h,{children:[e.jsx(f,{title:"Add Carousel"}),e.jsxs("section",{className:"flex flex-col gap-8 px-8 py-8",children:[e.jsx("h1",{className:"text-lg font-semibold tracking-tight",children:"Add Slider Image"}),e.jsxs("form",{onSubmit:d,method:"POST",encType:"multipart/formdata",children:[e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(o,{htmlFor:"title",children:"Title"}),e.jsx(g,{type:"text",id:"title",value:n.alt,onChange:a=>t("alt",a.target.value),className:"rounded border p-2"}),l.alt&&e.jsx("span",{className:"text-red-600",children:l.alt})]}),e.jsxs("div",{className:"mt-4",children:[e.jsx(o,{children:"Image"}),e.jsx(j,{files:s?[s]:[],onupdatefiles:a=>{m(a[0]||null)},allowMultiple:!1,maxFiles:1,name:"image_url",instantUpload:!1,storeAsFile:!0,labelIdle:'Drag & Drop your image or <span class="filepond--label-action">Browse</span>'}),l.image_url&&e.jsx("span",{className:"text-red-600",children:l.image_url})]}),e.jsx(x,{type:"submit",disabled:r,className:"cursor-pointer",children:r?"Uploading...":"Submit"})]})]})]})}export{H as default};
|