https://www.ranchigymkhanaclub.com/_next/static/chunks/pages/categories-d92e622d2ca9fbac.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3161],{5190:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/categories",function(){return t(2394)}])},2394:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return categories}});var s=t(5893),r=t(9008),l=t.n(r),n=t(5607),i=t(1555),o=t(682),c=t(2914),d=t(4051),m=t(819),x=t.n(m),h=t(7106),p=t(7294),u=t(7066),Categories_Categories=()=>{let[e,a]=(0,p.useState)([]),[t,r]=(0,p.useState)(""),[l,m]=(0,p.useState)([]),[f,_]=(0,p.useState)(""),y="https://plankton-app-scdik.ondigitalocean.app/",j="".concat(y,"e846ed/api/member_category_v2/list"),b="".concat(y,"e846ed/api/member_details_v2/memberCatId"),fetchMemberCategories=async()=>{try{let e=await u.Z.get(j);a(e.data),handleCategoryClick(e.data[0]._id),console.log(e.data[0]._id)}catch(e){console.error(e)}},handleCategoryClick=async e=>{_(""),r(e);try{let a=await u.Z.post(b,{member_catId:e,query:f});m(a.data)}catch(e){console.error(e)}},handleCategorySearch=async e=>{r(e);try{let a=await u.Z.post(b,{member_catId:e,query:f});m(a.data)}catch(e){console.error(e)}};(0,p.useEffect)(()=>{fetchMemberCategories()},[]);let handleSearchQueryChange=e=>{_(e.target.value),handleCategorySearch(t)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:x().category_section,children:(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(d.Z,{className:"mt-4 mt-md-3",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsx)("div",{className:"text-center",children:(0,s.jsx)("span",{className:x().title,children:"Member Categories"})}),(0,s.jsx)("div",{className:"pt-2 pt-md-5",children:(0,s.jsxs)(c.Z,{style:{position:"relative"},children:[(0,s.jsx)(c.Z.Group,{className:"mb-3",controlId:"formBasicEmail",children:(0,s.jsx)(c.Z.Control,{className:x().input_field,type:"text",placeholder:"Search by Member Name",onChange:handleSearchQueryChange})}),(0,s.jsx)("a",{children:(0,s.jsx)(h.adB,{className:x().icon})})]})})]})}),(0,s.jsxs)(d.Z,{className:x().members_container,children:[(0,s.jsx)(i.Z,{sm:12,md:6,lg:6,children:e.map(e=>(0,s.jsx)("ul",{style:{listStyle:"none",boxShadow:"rgb(0 0 0 / 5%) 0px 1px 16px",padding:"0"},children:(0,s.jsxs)("div",{onClick:()=>{handleCategoryClick(e._id)},className:"d-flex flex-row justify-content-between ".concat(x().member," ").concat(t===e._id?x().selected:""),children:[(0,s.jsx)("span",{children:null==e?void 0:e.member_category_name}),t===e._id?(0,s.jsx)("span",{className:x().sm_icon,children:(0,s.jsx)(h.Ng7,{style:{fontSize:"30px"}})}):(0,s.jsx)("span",{className:x().sm_icon,children:(0,s.jsx)(h.BY8,{style:{fontSize:"30px"}})})]})},e._id))}),(0,s.jsxs)(i.Z,{sm:12,md:6,lg:6,children:[l&&l.length>0?l.map(e=>(0,s.jsx)("ul",{style:{listStyle:"none",boxShadow:"rgb(0 0 0 / 5%) 0px 1px 16px",padding:"0"},children:(0,s.jsxs)("li",{className:x().member_list,children:[" ",e.member_name]})},e._id)):(0,s.jsx)("p",{children:"no data found"}),l.map(e=>(0,s.jsx)("ul",{style:{listStyle:"none",boxShadow:"rgb(0 0 0 / 5%) 0px 1px 16px",padding:"0"},children:(0,s.jsxs)("li",{className:x().member_list,children:[" ",e.member_name]})},e._id))]})]})]})}),(0,s.jsx)("div",{children:(0,s.jsx)(o.Z,{children:(0,s.jsxs)("div",{className:"d-block d-md-none mt-3",children:[(0,s.jsx)(d.Z,{className:"mb-4",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsx)("div",{className:"text-center",children:(0,s.jsx)("span",{className:x().title,children:"Member Categories"})}),(0,s.jsx)("div",{className:"pt-5 pt-md-5",children:(0,s.jsxs)(c.Z,{style:{position:"relative"},children:[(0,s.jsx)(c.Z.Group,{className:"mb-3",controlId:"formBasicEmail",children:(0,s.jsx)(c.Z.Control,{className:x().input_field,type:"text",placeholder:"Search by Member Name",onChange:handleSearchQueryChange})}),(0,s.jsx)("a",{children:(0,s.jsx)(h.adB,{className:x().icon})})]})})]})}),e.map(e=>(0,s.jsx)(n.Z,{style:{listStyle:"none",boxShadow:"rgb(0 0 0 / 5%) 0px 1px 16px",padding:"0"},children:(0,s.jsxs)(n.Z.Item,{eventKey:"0",onClick:()=>{handleCategoryClick(e._id)},className:"".concat(x().member," ").concat(t===e._id?x().selected:""),children:[(0,s.jsx)(n.Z.Header,{className:x().accordion_

1item,children:e.member_category_name}),(0,s.jsx)(n.Z.Body,{children:l.map(e=>(0,s.jsx)("ul",{style:{listStyle:"none",boxShadow:"rgb(0 0 0 / 5%) 0px 1px 16px",padding:"0"},children:(0,s.jsxs)("li",{className:x().member_list,children:[" ",e.member_name]})},e._id))})]})},e._id))]})})})]})},f=t(7258),_=t(2422),categories=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_.Z,{}),(0,s.jsxs)(l(),{children:[(0,s.jsx)("title",{children:"Member Categories :: RGC"}),(0,s.jsx)("link",{rel:"canonical",href:"https://www.ranchigymkhanaclub.com/"})]}),(0,s.jsx)(Categories_Categories,{}),(0,s.jsx)(f.Z,{})]})},819:function(e){e.exports={category_section:"Categories_category_section__wBta9",title:"Categories_title__v1FAd",des:"Categories_des__BQdRR",input_field:"Categories_input_field__7q5WL",icon:"Categories_icon___Unof",members_container:"Categories_members_container__v1l9m",member:"Categories_member__e7Avn",member_list:"Categories_member_list__rNpkz",button_one:"Categories_button_one__wQiMQ",selected:"Categories_selected__KEDhg",sm_icon:"Categories_sm_icon__Hs_i6",accordion_item:"Categories_accordion_item__wERCL"}},9008:function(e,a,t){e.exports=t(9201)},5607:function(e,a,t){"use strict";t.d(a,{Z:function(){return y}});var s=t(3967),r=t.n(s),l=t(7294),n=t(5446),i=t(6792),o=t(6518);function isAccordionItemSelected(e,a){return Array.isArray(e)?e.includes(a):e===a}let c=l.createContext({});c.displayName="AccordionContext";var d=t(5893);let m=l.forwardRef(({as:e="div",bsPrefix:a,className:t,children:s,eventKey:n,...m},x)=>{let{activeEventKey:h}=(0,l.useContext)(c);return a=(0,i.vE)(a,"accordion-collapse"),(0,d.jsx)(o.Z,{ref:x,in:isAccordionItemSelected(h,n),...m,className:r()(t,a),children:(0,d.jsx)(e,{children:l.Children.only(s)})})});m.displayName="AccordionCollapse";let x=l.createContext({eventKey:""});x.displayName="AccordionItemContext";let h=l.forwardRef(({as:e="div",bsPrefix:a,className:t,onEnter:s,onEntering:n,onEntered:o,onExit:c,onExiting:h,onExited:p,...u},f)=>{a=(0,i.vE)(a,"accordion-body");let{eventKey:_}=(0,l.useContext)(x);return(0,d.jsx)(m,{eventKey:_,onEnter:s,onEntering:n,onEntered:o,onExit:c,onExiting:h,onExited:p,children:(0,d.jsx)(e,{ref:f,...u,className:r()(t,a)})})});h.displayName="AccordionBody";let p=l.forwardRef(({as:e="button",bsPrefix:a,className:t,onClick:s,...n},o)=>{a=(0,i.vE)(a,"accordion-button");let{eventKey:m}=(0,l.useContext)(x),h=function(e,a){let{activeEventKey:t,onSelect:s,alwaysOpen:r}=(0,l.useContext)(c);return l=>{let n=e===t?null:e;r&&(n=Array.isArray(t)?t.includes(e)?t.filter(a=>a!==e):[...t,e]:[e]),null==s||s(n,l),null==a||a(l)}}(m,s),{activeEventKey:p}=(0,l.useContext)(c);return"button"===e&&(n.type="button"),(0,d.jsx)(e,{ref:o,onClick:h,...n,"aria-expanded":Array.isArray(p)?p.includes(m):m===p,className:r()(t,a,!isAccordionItemSelected(p,m)&&"collapsed")})});p.displayName="AccordionButton";let u=l.forwardRef(({as:e="h2","aria-controls":a,bsPrefix:t,className:s,children:l,onClick:n,...o},c)=>(t=(0,i.vE)(t,"accordion-header"),(0,d.jsx)(e,{ref:c,...o,className:r()(s,t),children:(0,d.jsx)(p,{onClick:n,"aria-controls":a,children:l})})));u.displayName="AccordionHeader";let f=l.forwardRef(({as:e="div",bsPrefix:a,className:t,eventKey:s,...n},o)=>{a=(0,i.vE)(a,"accordion-item");let c=(0,l.useMemo)(()=>({eventKey:s}),[s]);return(0,d.jsx)(x.Provider,{value:c,children:(0,d.jsx)(e,{ref:o,...n,className:r()(t,a)})})});f.displayName="AccordionItem";let _=l.forwardRef((e,a)=>{let{as:t="div",activeKey:s,bsPrefix:o,className:m,onSelect:x,flush:h,alwaysOpen:p,...u}=(0,n.Ch)(e,{activeKey:"onSelect"}),f=(0,i.vE)(o,"accordion"),_=(0,l.useMemo)(()=>({activeEventKey:s,onSelect:x,alwaysOpen:p}

1),[s,x,p]);return(0,d.jsx)(c.Provider,{value:_,children:(0,d.jsx)(t,{ref:a,...u,className:r()(m,f,h&&`${f}-flush`)})})});_.displayName="Accordion";var y=Object.assign(_,{Button:p,Collapse:m,Item:f,Header:u,Body:h})},2914:function(e,a,t){"use strict";t.d(a,{Z:function(){return F}});var s=t(3967),r=t.n(s),l=t(5697),n=t.n(l),i=t(7294),o=t(5893);let c={type:n().string,tooltip:n().bool,as:n().elementType},d=i.forwardRef(({as:e="div",className:a,type:t="valid",tooltip:s=!1,...l},n)=>(0,o.jsx)(e,{...l,ref:n,className:r()(a,`${t}-${s?"tooltip":"feedback"}`)}));d.displayName="Feedback",d.propTypes=c;let m=i.createContext({});var x=t(6792);let h=i.forwardRef(({id:e,bsPrefix:a,className:t,type:s="checkbox",isValid:l=!1,isInvalid:n=!1,as:c="input",...d},h)=>{let{controlId:p}=(0,i.useContext)(m);return a=(0,x.vE)(a,"form-check-input"),(0,o.jsx)(c,{...d,ref:h,type:s,id:e||p,className:r()(t,a,l&&"is-valid",n&&"is-invalid")})});h.displayName="FormCheckInput";let p=i.forwardRef(({bsPrefix:e,className:a,htmlFor:t,...s},l)=>{let{controlId:n}=(0,i.useContext)(m);return e=(0,x.vE)(e,"form-check-label"),(0,o.jsx)("label",{...s,ref:l,htmlFor:t||n,className:r()(a,e)})});p.displayName="FormCheckLabel";let u=i.forwardRef(({id:e,bsPrefix:a,bsSwitchPrefix:t,inline:s=!1,reverse:l=!1,disabled:n=!1,isValid:c=!1,isInvalid:u=!1,feedbackTooltip:f=!1,feedback:_,feedbackType:y,className:j,style:b,title:g="",type:v="checkbox",label:C,children:N,as:w="input",...E},k)=>{a=(0,x.vE)(a,"form-check"),t=(0,x.vE)(t,"form-switch");let{controlId:S}=(0,i.useContext)(m),Z=(0,i.useMemo)(()=>({controlId:e||S}),[S,e]),R=!N&&null!=C&&!1!==C||i.Children.toArray(N).some(e=>i.isValidElement(e)&&e.type===p),F=(0,o.jsx)(h,{...E,type:"switch"===v?"checkbox":v,ref:k,isValid:c,isInvalid:u,disabled:n,as:w});return(0,o.jsx)(m.Provider,{value:Z,children:(0,o.jsx)("div",{style:b,className:r()(j,R&&a,s&&`${a}-inline`,l&&`${a}-reverse`,"switch"===v&&t),children:N||(0,o.jsxs)(o.Fragment,{children:[F,R&&(0,o.jsx)(p,{title:g,children:C}),_&&(0,o.jsx)(d,{type:y,tooltip:f,children:_})]})})})});u.displayName="FormCheck";var f=Object.assign(u,{Input:h,Label:p});t(2473);let _=i.forwardRef(({bsPrefix:e,type:a,size:t,htmlSize:s,id:l,className:n,isValid:c=!1,isInvalid:d=!1,plaintext:h,readOnly:p,as:u="input",...f},_)=>{let{controlId:y}=(0,i.useContext)(m);return e=(0,x.vE)(e,"form-control"),(0,o.jsx)(u,{...f,type:a,size:s,ref:_,readOnly:p,id:l||y,className:r()(n,h?`${e}-plaintext`:e,t&&`${e}-${t}`,"color"===a&&`${e}-color`,c&&"is-valid",d&&"is-invalid")})});_.displayName="FormControl";var y=Object.assign(_,{Feedback:d});let j=i.forwardRef(({className:e,bsPrefix:a,as:t="div",...s},l)=>(a=(0,x.vE)(a,"form-floating"),(0,o.jsx)(t,{ref:l,className:r()(e,a),...s})));j.displayName="FormFloating";let b=i.forwardRef(({controlId:e,as:a="div",...t},s)=>{let r=(0,i.useMemo)(()=>({controlId:e}),[e]);return(0,o.jsx)(m.Provider,{value:r,children:(0,o.jsx)(a,{...t,ref:s})})});b.displayName="FormGroup";var g=t(1555);let v=i.forwardRef(({as:e="label",bsPrefix:a,column:t=!1,visuallyHidden:s=!1,className:l,htmlFor:n,...c},d)=>{let{controlId:h}=(0,i.useContext)(m);a=(0,x.vE)(a,"form-label");let p="col-form-label";"string"==typeof t&&(p=`${p} ${p}-${t}`);let u=r()(l,a,s&&"visually-hidden",t&&p);return(n=n||h,t)?(0,o.jsx)(g.Z,{ref:d,as:"label",className:u,htmlFor:n,...c}):(0,o.jsx)(e,{ref:d,className:u,htmlFor:n,...c})});v.displayName="FormLabel";let C=i.forwardRef(({bsPrefix:e,className:a,id:t,...s},l)=>{let{controlId:n}=(0,i.useContext)(m);return e=(0,x.vE)(e,"form-range"),(0,o.jsx)("input",{...s,type:"range",ref:l,className:r()(a,e),id:t||n})});C.displayName="FormRange";let N=i.forwardRef(({bsPrefix:e,size:a,htmlSize:t,className:s,isValid:l=!1,isInvalid:n=!1,id:c,...d},h)=>{let{controlId:p}=(0,i.useContext)(m);return e=(0,x.vE)(e,"form-select"),(0,o.jsx)("select",{...d,size:t,ref:h,className:r()(s,e,a&&`${e}-${a}`,l&&"is-valid",n&&"is-invalid"),id:c||p})});N.displayName="FormSelect";let w=i.forwardRef(({bsPrefix:e,className:a,as:t="small",muted:s,...l},n)=>(e=(0,x.vE)(e,"form-text"),(0,o.jsx)(t,{...l,ref:n,className:r()(a,e,s&&"text-muted")})));w.displayName="FormText";let E=i.forwardRef((e,a)=>(0,o.jsx)(f,{...e,ref:a,type:"switch"}));E.displayName="Switch";var k=Object.assign(E,{Input:f.Input,Label:f.Label});let S=i.forwardRef(({bsPrefix:e,className:a,children:t,controlId:s,label:l,...n},i)=>(e=(0,x.vE)(e,"form-floating"),(0,o.jsxs)(b,{ref:i,className:r()(a,e),controlId:s,...n,children:[t,(0,o.jsx)("label",{htmlFor:s,children:l})]})));S.displayName="FloatingLabel";let Z={_ref:n().any,validated:n().bool,as:n().elementType},R=i.forwardRef(({className:e,validated:a,as:t="form",...s},l)=>(0,o.jsx)(t,{...s,ref:l,className:r()(e,a&&"was-validated")}));R.displayName="Form",R.propTypes=Z;var F=Object.assign(R,{Group:b,Control:y,Floating:j,Check:f,Switch:k,Label:v,Text:w,Range:C,Select:N,FloatingLabel:S})}},function(e){e.O(0,[2013,4617,8907,7670,5721,9774,2888,179],function(){return e(e.s=5190)}),_N_E=e.O()}]);