2 lines
1.5 KiB
JavaScript
2 lines
1.5 KiB
JavaScript
import{u as k,b,r as j,j as e,g as N,h as v,M as w}from"./vendor-BKmmeuxg.js";import{B as r}from"./button-BpNwv2aE.js";import{c}from"./utils-DxSsnXxD.js";import"./index-WW_1X1qx.js";const E=()=>{const{props:m}=k(),{blog:d,likesCount:u,dislikesCount:p,userReaction:s,commentsCount:l,translate:x}=m,{button:a,common:n}=x,{data:t,setData:h,post:g,processing:i}=b({blog_id:d.id,type:""}),o=f=>{i||h("type",f)};return j.useEffect(()=>{(t.type==="like"||t.type==="dislike")&&g(route("blogs.like-dislike.toggle"),{preserveScroll:!0})},[t]),e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(r,{variant:s==="like"?"default":"outline",size:"sm",onClick:()=>o("like"),disabled:i,className:c("flex items-center gap-2 transition-colors",s==="like"&&"bg-blue-500 text-white hover:bg-blue-600"),children:[e.jsx(N,{className:"h-4 w-4"}),e.jsx("span",{children:u}),e.jsx("span",{className:"sr-only",children:a.like})]}),e.jsxs(r,{variant:s==="dislike"?"default":"outline",size:"sm",onClick:()=>o("dislike"),disabled:i,className:c("flex items-center gap-2 transition-colors",s==="dislike"&&"bg-red-500 text-white hover:bg-red-600"),children:[e.jsx(v,{className:"h-4 w-4"}),e.jsx("span",{children:p}),e.jsx("span",{className:"sr-only",children:a.dislike})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{className:"h-5 w-5"}),e.jsxs("h3",{className:"text-lg font-semibold",children:[l," ",l>1?n.comments:n.comment]})]})]})};export{E as default};
|