https://www.jetpackcompose.app/component---src-components-snippets-snippets-tsx-6005947f2a58722a8a70.js

1"use strict";(self.webpackChunkjetpackcompose_app=self.webpackChunkjetpackcompose_app||[]).push([[617],{62846:function(e,t,a){var o=a(87462),n=a(45987),r=a(67294),l=a(85505),i=a(34621),s=a(37595),m=r.forwardRef((function(e,t){var a=e.absolute,i=void 0!==a&&a,s=e.classes,m=e.className,c=e.component,p=void 0===c?"hr":c,d=e.flexItem,u=void 0!==d&&d,g=e.light,f=void 0!==g&&g,h=e.orientation,b=void 0===h?"horizontal":h,E=e.role,v=void 0===E?"hr"!==p?"separator":void 0:E,Z=e.variant,C=void 0===Z?"fullWidth":Z,x=(0,n.Z)(e,["absolute","classes","className","component","flexItem","light","orientation","role","variant"]);return r.createElement(p,(0,o.Z)({className:(0,l.Z)(s.root,m,"fullWidth"!==C&&s[C],i&&s.absolute,u&&s.flexItem,f&&s.light,"vertical"===b&&s.vertical),role:v,ref:t},x))}));t.Z=(0,i.Z)((function(e){return{root:{height:1,margin:0,border:"none",flexShrink:0,backgroundColor:e.palette.divider},absolute:{position:"absolute",bottom:0,left:0,width:"100%"},inset:{marginLeft:72},light:{backgroundColor:(0,s.Fq)(e.palette.divider,.08)},middle:{marginLeft:e.spacing(2),marginRight:e.spacing(2)},vertical:{height:"100%",width:1},flexItem:{alignSelf:"stretch",height:"auto"}}}),{name:"MuiDivider"})(m)},30759:function(e,t,a){a.d(t,{Z:function(){return s}});var o=a(75639),n=a(62751),r=a(87761),l=a(67294),i=a(1097);function s(e){const t=(0,n.Z)({palette:{primary:{main:"#33691e"}}});return l.createElement(l.Fragment,null,l.createElement(r.Z,{theme:t},l.createElement(o.ZP,{multiple:!0,id:"tags-outlined",options:e.componentCategories,getOptionLabel:e=>e,value:e.searchQuery,onChange:(t,a,o,n)=>{let r=a.map((e=>e));e.onChangeHandler(r)},renderInput:e=>l.createElement(i.Z,Object.assign({},e,{variant:"outlined",label:"Filter Categories",placeholder:"Example: Animation"}))})))}},88707:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var o=a(62846),n=a(80838),r=a(25879),l=a(71082),i=a(10920),s=a(12131),m=a(67294),c=a(50757),p=a(30759),d=a(41396);function u(e){const t=g(),a=e.pageContext.snippetsArray.flatMap((e=>e.tags)),i=Array.from(new Set(a.sort())),{0:u,1:f}=(0,m.useState)({searchQuery:[]});return(0,m.useEffect)((()=>{f({searchQuery:[]})}),[]),m.createElement(m.Fragment,null,m.createElement(r.Z,{maxWidth:"md",pageTitle:"Jetpack Compose Code Snippets",pageDescription:"Explore concise code snippets for Jetpack Compose. Solve common Android UI challenges with our easy-to-implement solutions.",pageSlug:"/snippets",pageImageUrl:"/snippets_seo_poster.png",seoImageUrl:"/snippets_seo_poster.png"},m.createElement(s.Z,{header:"Compose Code Snippets",subheader:"Bite sized code snippets for common Jetpack Compose problems. Copy + Paste ready!"}),m.createElement(n.Z,{container:!0,xs:12,className:t.table},m.createElement(n.Z,{item:!0,xs:12,className:t.formSubmission},"Have a project you'd like to submit?"," ",m.createElement(c.M,{href:"https://airtable.com/shr7HuMcSTnfgfFjd",target:"_blank",className:t.formSubmissionLink},"Fill this form"),", will ya!"),m.createElement(n.Z,{item:!0,xs:12,md:12},m.createElement("div",{className:t.searchBar},m.createElement(p.Z,{onChangeHandler:e=>{f({searchQuery:e})},componentCategories:i,searchQuery:u.searchQuery}))),m.createElement(n.Z,{item:!0,xs:12,md:4,className:t.tableHead},"Name"),m.createElement(n.Z,{item:!0,xs:12,md:6,className:t.tableHead},"Description"),m.createElement(n.Z,{item:!0,xs:12,md:2,className:t.tableHead},"Author"),e.pageContext.snippetsArray.filter((e=>0===u.searchQuery.length||e.tags.filter((e=>u.searchQuery.includes(e))).length>0)).map((e=>m.createElement(m.Fragment,null,m.createElement(n.Z,{item:!0,xs:12,md:4,className:t.tableCell},m.createElement(l.rU,{to:`${e.slug}`},e.name)),m.createElement(n.Z,{item:!0,xs:12,md:6,className:t.tableCell},e.description),m.createElement(n.Z,{item:!0,xs:12,md:2,className:t.tableCell},m.createElement("a",{href:e.authorProfileUrl,target:"__blank",className:t.authorProfile},e.authorName)),m.createElement(n.Z,{item:!0,xs:12},m.createElement(o.Z,null)))))),m.createElement("div",{className:t.jobs},m.createElement(d.Z,null))))}const g=(0,i.Z)({table:{alignItems:"center",justifySelf:"center",marginBottom:64},searchBar:{margin:16},tableHead:{backgroundColor:"lightgoldenrodyellow",padding:16,fontWeight:400,fontSize:20,fontFamily:"Nunito Sans",color:"#222222","& a":{color:"#4636f7"}},tableRow:{"&:hover":{backgroundColor:"#efefef"}},tableCell:{fontWeight:400,fontSize:20,fontFamily:"Nunito Sans",color:"#222222",padding:16,"& a":{color:"#4636f7"}},authorProfile:{color:"#222222 !important",textDecoration:"underline"},jobs:{marginTop:32,marginBottom:64,margin:"auto",maxWidth:960,padding:16},formSubmission:{fontWeight:400,fontSize:20,fontFamily:"Nunito Sans",color:"#222222",marginBottom:16,paddingLeft:16,paddingRight:16},formSubmissionLink:{color:"#4636f7"}})}}]);
2//# sourceMappingURL=component---src-components-snippets-snippets-tsx-6005947f2a58722a8a70.js.map