softchatjs-react
Version:
Install the softchat-js SDKs
2 lines • 1.52 kB
JavaScript
import{createContext as l,useContext as v,useState as h}from"react";import{jsx as I}from"react/jsx-runtime";var C=l({activeConversation:null,setActiveConversation:()=>{},conversations:[],setConversations:()=>{},showImageModal:[],setShowImageModal:()=>{},connectionStatus:{isConnected:!1,fetchingConversations:!1,connecting:!1},setConnectionStatus:()=>{}}),i=()=>v(C);import n from"./image.module.module.css";import{GrNext as d,GrPrevious as m}from"react-icons/gr";import{useState as p}from"react";import{LiaTimesSolid as g}from"react-icons/lia";import{jsx as t,jsxs as c}from"react/jsx-runtime";var A=()=>{let{showImageModal:o,setShowImageModal:r}=i(),[e,a]=p(0);return c("div",{className:n.images,children:[t(g,{color:"white",size:35,onClick:()=>{r([])},style:{position:"absolute",top:"20px",right:"20px"}}),t("div",{className:n.images__prev,children:e===0?null:t("div",{style:{padding:"10px"},children:t(m,{onClick:()=>a(e-1),color:"white",size:35,style:{cursor:"pointer"}})})}),t("div",{className:n.images__center,children:c("div",{className:n.images__center__items,children:[o[e].type==="image"&&t("img",{onClick:s=>{s.stopPropagation()},src:o[e].mediaUrl,alt:""}),o[e].type==="video"&&t("video",{onClick:s=>{s.stopPropagation()},src:o[e].mediaUrl,controls:!0})]})}),t("div",{className:n.images__next,children:e===o.length-1?null:t("div",{style:{padding:"10px"},children:t(d,{onClick:()=>a(e+1),color:"white",size:35,style:{cursor:"pointer"}})})})]})};export{A as ImageViewer};
//# sourceMappingURL=index.mjs.map