https://docu-me-latest-next.vercel.app/_next/static/chunks/pages/spaces-cd60032dc2b219ad.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[861],{95548:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/spaces",function(){return i(26259)}])},26259:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return spaces}});var s=i(52322),l=i(18588),n=i(59121),r=i(82295),o=i(59891),a=i(81591),c=i(13752),d=i(66473),h=i(5807),u=i(55250),x=i(2784),f=i(49414),g=i(23173),m=i(3586),y=i(82658),w=i(3677),j=i(85570),p=i(48617),b=i(22414);function GeneralCommunitySpaces(){let{spaces:e,error:t}=(0,b.E)();if(t)return(0,s.jsx)(j.Z,{style:Z.centeredContainer,children:(0,s.jsx)(p.Z,{style:{color:"white"},children:"Error Loading Spaces..."})});if(!e)return(0,s.jsx)(j.Z,{style:Z.centeredContainer,children:(0,s.jsx)(p.Z,{style:{color:"white"},children:"Loading..."})});let i=e.reduce((e,t)=>e+t.follower_count,0),l=e.reduce((e,t)=>e+(t.active_users_count||0),0);return(0,s.jsx)(j.Z,{style:Z.container,children:(0,s.jsxs)(h.p,{children:[(0,s.jsxs)(j.Z,{style:Z.section,children:[(0,s.jsx)(p.Z,{style:Z.heading,children:"Community Overview"}),(0,s.jsx)(p.Z,{style:Z.subheading,children:"Aggregated statistics for all community spaces."})]}),(0,s.jsxs)(j.Z,{style:Z.statsContainer,children:[(0,s.jsxs)(j.Z,{style:Z.stat,children:[(0,s.jsx)(p.Z,{style:Z.statValue,children:l}),(0,s.jsxs)(j.Z,{style:Z.onlineContainer,children:[(0,s.jsx)(j.Z,{style:Z.onlineIndicator}),(0,s.jsx)(p.Z,{style:Z.statLabel,children:"Online Followers"})]})]}),(0,s.jsxs)(j.Z,{style:Z.stat,children:[(0,s.jsx)(p.Z,{style:Z.statValue,children:i}),(0,s.jsx)(p.Z,{style:Z.statLabel,children:"Total Members"})]})]}),(0,s.jsxs)(j.Z,{style:Z.section,children:[(0,s.jsx)(p.Z,{style:Z.sectionHeading,children:"RULES"}),(0,s.jsxs)(j.Z,{style:Z.rules,children:[(0,s.jsx)(p.Z,{style:Z.rule,children:"1. Don't post obvious typos"}),(0,s.jsx)(p.Z,{style:Z.rule,children:"2. Addicles are not allowed."}),(0,s.jsx)(p.Z,{style:Z.rule,children:"3. No direct links to a job"}),(0,s.jsx)(p.Z,{style:Z.rule,children:"4. Don't go off topic"}),(0,s.jsx)(p.Z,{style:Z.rule,children:"5. No Spam"}),(0,s.jsx)(p.Z,{style:Z.rule,children:"6. Be civil."})]})]})]})})}let Z=c.Z.create({centeredContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:340},container:{width:"100%",height:340,padding:16,backgroundColor:"white",borderRadius:8,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:5},section:{marginBottom:16,marginTop:8},heading:{fontSize:18,fontWeight:"bold"},subheading:{fontSize:14,color:"#6B7280"},statsContainer:{flexDirection:"row",justifyContent:"space-between",paddingVertical:16,borderBottomWidth:1,borderBottomColor:"#E5E7EB"},stat:{display:"flex",alignItems:"center"},statValue:{fontSize:20,fontWeight:"bold"},statLabel:{fontSize:14,color:"#6B7280"},onlineContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center"},onlineIndicator:{width:8,height:8,backgroundColor:"#10B981",borderRadius:4,marginRight:4},sectionHeading:{fontSize:14,fontWeight:"600"},rules:{marginTop:8},rule:{fontSize:14,color:"#6B7280",marginBottom:4}});var C=i(59090);let{useParam:S,useParams:v}=(0,u.X)(),N=c.Z.create({header:{color:"white",fontSize:22,fontWeight:"800"},test:{position:"absolute",height:"100%",width:"100%"},item:{color:"white",fontWeight:"bold"},list:{display:"flex",flexDirection:"row",gap:18,marginBottom:6},leftContainer:{display:"flex",alignItems:"center"},calendar:{display:"flex",justifyContent:"center",alignItems:"center",width:400,height:400},card:{backgroundColor:"rgb(26, 30, 38)",width:"100%",height:"auto",marginVertical:10,padding:10,borderRadius:8},communities:{backgroundColor:"rgb(26, 30, 38)",width:350,height:350,marginLeft:20,marginTop:20,borderRadius:8},container:{position:"absolute",flex:1,backgroundColor:"rgb(33, 37, 46)",overflow:"hidden",height:"100%",width:"100%",...r.Z.select({ios:{height:"110%"}})},navigation:{width:"100%",height:"auto",borderColor:"rgb(49, 51, 53)",borderBottomColor:"#464651",borderWidth:1,...r.Z.select({ios:{display:"none"}})},mainxSmall:{width:"100%",height:"95%",backgroundColor:"rgb(17,24,39)",overflow:"hidden",...r.Z.select({ios:{flexDirection:"column"}})},mainx:{display:"flex",flexDirection:"row",width:"100%",height:"95%",backgroundColor:"rgb(17,24,39)",overflow:"hidden",...r.Z.select({ios:{flexDirection:"column"}})},borderLeft:{borderLeftColor:"#464651",borderRightColor:"#464651",borderRightWidth:1,borderLeftWidth:1},center:{overflow:"scroll",flex:1,height:"100%",borderLeftColor:"#464651",borderRightColor:"#464651",borderRightWidth:1,borderLeftWidth:1,...r.Z.select({ios:{height:"100%"}})}

1,left:{flex:1,overflow:"hidden",width:"100%"},right:{flex:1,overflow:"hidden",...r.Z.select({ios:{display:"none"}})}});var spaces=function(){let{spaces:e}=(0,b.E)(),{currentUser:t}=(0,w.$)(),[i]=S("space"),c=(0,f.t)(),u="web"===r.Z.OS||!0,[j,p]=(0,x.useState)("ios"===r.Z.OS?34:u?34:400),[Z,v]=(0,x.useState)("ios"!==r.Z.OS&&!u),[k,_]=(0,x.useState)(""),[D,R]=(0,x.useState)([]),[E,G]=(0,x.useState)(null),[W,L]=(0,x.useState)(""),[I,B]=(0,x.useState)(30),[z,O]=(0,x.useState)(!0);(0,x.useRef)(null);let[T,V]=(0,x.useState)(o.Z.get("window").width);(0,x.useEffect)(()=>{u&&T>767&&(v(!0),p(400))},[]);let changeCalendarView=()=>{v(!Z),34===j?p(500):500===j&&p(34)};return(0,x.useEffect)(()=>{let e=o.Z.addEventListener("change",e=>{let{window:t}=e;V(t.width),t.width<767?(v(!1),p(34)):(v(!0),p(500))});return()=>{null==e||e.remove()}},[]),(0,s.jsx)(y.ZF,{router:c,children:(0,s.jsxs)(d.j,{style:N.container,children:[(0,s.jsx)(n.G7,{style:N.navigation,className:"bg-gray-900",children:(0,s.jsx)(g.P,{})}),(0,s.jsxs)(n.G7,{style:T<767?N.mainxSmall:N.mainx,className:"flex flex-col md:flex-row lg:flex-row xl:flex-row 2xl:flex-row",className:"bg-gray-900",children:[(0,s.jsx)(n.G7,{style:{...N.left,maxHeight:j},className:" lg:max-h-full xl:max-h-full",children:(0,s.jsx)(n.G7,{className:"align-center mt-4 h-full min-[1540px]:items-center",children:Z?(0,s.jsxs)(n.G7,{className:"h-4 w-full",children:[(0,s.jsx)(n.G7,{className:"ml-4 mr-4 flex h-full items-end justify-center",children:(0,s.jsx)(a.Z,{onPress:()=>changeCalendarView(),children:(0,s.jsxs)(n.G7,{className:"mb-2 flex flex-row items-center justify-center",children:[(0,s.jsx)(l.xv,{className:"text-white",children:"Statistics"}),(0,s.jsx)(m.Z,{width:24,height:24,fill:"white",color:"white"})]})})}),(0,s.jsx)(n.G7,{style:N.leftContainer,className:"align-center mt-4 h-auto min-[1540px]:items-end min-[1540px]:pl-12 min-[1540px]:pr-12 min-[720px]:pl-12 min-[720px]:pr-12",children:(0,s.jsx)(GeneralCommunitySpaces,{})})]}):(0,s.jsx)(n.G7,{className:"h-4 w-full",children:(0,s.jsx)(n.G7,{className:"ml-4 mr-4 flex h-full items-end justify-center",children:(0,s.jsx)(a.Z,{onPress:()=>changeCalendarView(),children:(0,s.jsxs)(n.G7,{className:"mb-2 flex flex-row items-center justify-center",children:[(0,s.jsx)(l.xv,{className:"text-white",children:"Statistics"}),(0,s.jsx)(m.Z,{width:24,height:24,fill:"white",color:"white"})]})})})})})}),(0,s.jsx)(n.G7,{style:{flex:1,height:"100%"},children:(0,s.jsx)(h.p,{style:T<767?"":N.center,showsVerticalScrollIndicator:!1,children:(0,s.jsxs)(n.G7,{style:{display:"flex",gap:8,padding:8},children:[(0,s.jsx)(l.xv,{style:N.header,children:"Community Spaces"}),(0,s.jsx)(C.u,{spaces:e})]})})}),(0,s.jsx)(n.G7,{style:N.right,className:" hidden min-[375px]:hidden sm:hidden md:hidden lg:block"})]})]})})}},5807:function(e,t,i){"use strict";i.d(t,{p:function(){return n}});var s=i(72232),l=i(58401);let n=(0,l.Z)(s.Z)()},3677:function(e,t,i){"use strict";i.d(t,{$:function(){return useSupabase}});var s=i(2784),l=i(74760);let useSupabase=()=>s.useContext(l.W)},59090:function(e,t,i){"use strict";i.d(t,{u:function(){return CommunitySpaces}});var s=i(52322);i(2784);var l=i(85570),n=i(48617),r=i(57374),o=i(13752),a=i(61362),c=i(22414);function CommunitySpaces(){let{spaces:e,error:t}=(0,c.E)();return t||!e?(0,s.jsx)(l.Z,{style:{display:"flex",justifyContent:"center",alignItems:"center",height:290},children:(0,s.jsx)(n.Z,{style:{color:"white"},children:"Error Loading Spaces..."})}):(0,s.jsx)(s.Fragment,{children:e&&(null==e?void 0:e.slice(0,4).map((e,t)=>(0,s.jsxs)(a.G,{href:"/space?space=".concat(encodeURIComponent(JSON.stringify(e))),style:d.link,children:[(0,s.jsx)(l.Z,{style:d.imageContainer,children:(0,s.jsx)(r.Z,{alt:"user-image",source:{uri:e.image_url},style:d.image})}),(0,s.jsxs)(l.Z,{style:d.spaceDetails,children:[(0,s.jsx)(n.Z,{style:d.spaceName,children:e.name}),(0,s.jsxs)(l.Z,{style:d.spaceStats,children:[(0,s.jsxs)(l.Z,{style:d.stat,children:[(0,s.jsx)(l.Z,{style:d.activeUsersDot}),(0,s.jsxs)(n.Z,{style:d.statText,children:[e.active_users_count," online"]})]}),(0,s.jsxs)(l.Z,{style:d.stat,children:[(0,s.jsx)(l.Z,{style:d.followersDot}),(0,s.jsxs)(n.Z,{style:d.statText,children:[e.follower_count," followers"]})]})]})]})]},t)))})}let d=o.Z.create({header:{color:"white",fontSize:22,fontWeight:"800"},link:{display:"flex",alignItems:"center",flexDirection:"row",backgroundColor:"#f2f2f2",gap:12,height:"auto",padding:8,borderRadius:4},imageContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:50,width:50,borderRadius:8,borderWidth:1,borderColor:"gray",overflow:"hidden"},image:{borderRadius:0,height:60,width:50},spaceDetails:{display:"flex",flexDirection:"column",gap:4},spaceName:{color:"black",fontSize:16,fontWeight:"600"},spaceStats:{display:"flex",flexDirection:"row",gap:12},stat:{display:"flex",alignItems:"center",flexDirection:"row",gap:4},activeUsersDot:{height:10,width:10,borderRadius:9999,backgroundColor:"green"},followersDot:{height:5,width:5,borderRadius:9999,backgroundColor:"black"},statText:{fontSize:12}})}},function(e){e.O(0,[965,38,350,871,774,888,179],function(){return e(e.s=95548)}),_N_E=e.O()}]);