https://chinenyeanikwenze.netlify.app/assets/Blog-3699eb80.js

1import{g as U,r as _,u as q,R as c,B as L,t as oe,U as ae,v as ne,w as ie,j as y,a as n,N as se,d as le,x as de,c as j,y as k,I as ce,k as pe,T as z,b as ge,q as T,l as fe,e as ue}from"./index-81ad4b4e.js";const b={xs:30,sm:36,md:42,lg:50,xl:60};var he=U((e,{orientation:t,buttonBorderWidth:r})=>({root:{display:"flex",flexDirection:t==="vertical"?"column":"row","& [data-button]":{"&:first-of-type":{borderBottomRightRadius:0,[t==="vertical"?"borderBottomLeftRadius":"borderTopRightRadius"]:0,[t==="vertical"?"borderBottomWidth":"borderRightWidth"]:r/2},"&:last-of-type":{borderTopLeftRadius:0,[t==="vertical"?"borderTopRightRadius":"borderBottomLeftRadius"]:0,[t==="vertical"?"borderTopWidth":"borderLeftWidth"]:r/2},"&:not(:first-of-type):not(:last-of-type)":{borderRadius:0,[t==="vertical"?"borderTopWidth":"borderLeftWidth"]:r/2,[t==="vertical"?"borderBottomWidth":"borderRightWidth"]:r/2},"& + [data-button]":{[t==="vertical"?"marginTop":"marginLeft"]:-r,"@media (min-resolution: 192dpi)":{[t==="vertical"?"marginTop":"marginLeft"]:0}}}}}));const me=he;var be=Object.defineProperty,w=Object.getOwnPropertySymbols,H=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,C=(e,t,r)=>t in e?be(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ve=(e,t)=>{for(var r in t||(t={}))H.call(t,r)&&C(e,r,t[r]);if(w)for(var r of w(t))V.call(t,r)&&C(e,r,t[r]);return e},ye=(e,t)=>{var r={};for(var o in e)H.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&w)for(var o of w(e))t.indexOf(o)<0&&V.call(e,o)&&(r[o]=e[o]);return r};const _e={orientation:"horizontal",buttonBorderWidth:1},F=_.forwardRef((e,t)=>{const r=q("ButtonGroup",_e,e),{className:o,orientation:a,buttonBorderWidth:i,unstyled:p}=r,l=ye(r,["className","orientation","buttonBorderWidth","unstyled"]),{classes:g,cx:s}=me({orientation:a,buttonBorderWidth:i},{name:"ButtonGroup",unstyled:p});return c.createElement(L,ve({className:s(g.root,o),ref:t},l))});F.displayName="@mantine/core/ButtonGroup";var we=Object.defineProperty,xe=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertySymbols,Re=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?we(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))Re.call(t,r)&&D(e,r,t[r]);if(W)for(var r of W(t))Oe.call(t,r)&&D(e,r,t[r]);return e},I=(e,t)=>xe(e,Pe(t));const N={xs:{height:b.xs,paddingLeft:14,paddingRight:14},sm:{height:b.sm,paddingLeft:18,paddingRight:18},md:{height:b.md,paddingLeft:22,paddingRight:22},lg:{height:b.lg,paddingLeft:26,paddingRight:26},xl:{height:b.xl,paddingLeft:32,paddingRight:32},"compact-xs":{height:22,paddingLeft:7,paddingRight:7},"compact-sm":{height:26,paddingLeft:8,paddingRight:8},"compact-md":{height:30,paddingLeft:10,paddingRight:10},"compact-lg":{height:34,paddingLeft:12,paddingRight:12},"compact-xl":{height:40,paddingLeft:14,paddingRight:14}};function Se({compact:e,size:t,withLeftIcon:r,withRightIcon:o}){if(e)return N[`compact-${t}`];const a=N[t];return I(f({},a),{paddingLeft:r?a.paddingLeft/1.5:a.paddingLeft,paddingRight:o?a.paddingRight/1.5:a.paddingRight})}const Le=e=>({display:e?"block":"inline-block",width:e?"100%":"auto"});function Ie({variant:e,theme:t,color:r,gradient:o}){const a=t.fn.variant({color:r,variant:e,gradient:o});return e==="gradient"?{border:0,backgroundImage:a.background,color:a.color,"&:hover":t.fn.hover({backgroundSize:"200%"})}:f({border:`1px solid ${a.border}`,backgroundColor:a.background,color:a.color},t.fn.hover({backgroundColor:a.hover}))}var Ne=U((e,{color:t,size:r,radius:o,fullWidth:a,compact:i,gradient:p,variant:l,withLeftIcon:g,withRightIcon:s})=>({root:I(f(I(f(f(f(f({},Se({compact:i,size:r,withLeftIcon:g,withRightIcon:s})),e.fn.fontStyles()),e.fn.focusStyles()),Le(a)),{borderRadius:e.fn.radius(o),fontWeight:600,position:"relative",lineHeight:1,fontSize:e.fn.size({size:r,sizes:e.fontSizes}),userSelect:"none",cursor:"pointer"}),Ie({variant:l,theme:e,color:t,gradient:p})),{"&:active":e.activeStyles,"&:disabled, &[data-disabled]":{borderColor:"transparent",backgroundColor:e.colorScheme==="dark"?e.colors.dark[4]:e.colors.gray[2],color:e.colorScheme==="dark"?e.colors.dark[6]:e.colors.gray[5],cursor:"not-allowed",backgroundImage:"none",pointerEvents:"none","&:active":{transform:"none"}},"&[data-loading]":{pointerEvents:"none","&::before":{content:'""',position:"absolute",top:-1,left:-1,right:-1,bottom:-1,backgroundColor:e.colorScheme==="dark"?e.fn.rgba(e.colors.dark[7],.5):"rgba(255, 255, 255, .5)",borderRadius:e.fn.radius(o),cursor:"not-allowed"}}}),icon:{display:"flex",alignItems:"center"},leftIcon:{marginRight:10},rightIcon:{marginLeft:10},centerLoader:{position:"absolute",left:"50%",transform:"translateX(-50%)",opacity:.5},inner:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",overflow:"visible"},label:{whiteSpace:"nowrap",height:"100%",overflow:"hidden",display:"flex",alignItems:"center"}}));const Ee=Ne;var Be=Object.defineProperty,x=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,G=(e,t,r)=>t in e?Be(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>

1{for(var r in t||(t={}))K.call(t,r)&&G(e,r,t[r]);if(x)for(var r of x(t))J.call(t,r)&&G(e,r,t[r]);return e},$e=(e,t)=>{var r={};for(var o in e)K.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&x)for(var o of x(e))t.indexOf(o)<0&&J.call(e,o)&&(r[o]=e[o]);return r};const je={size:"sm",type:"button",variant:"filled",loaderPosition:"left"},E=_.forwardRef((e,t)=>{const r=q("Button",je,e),{className:o,size:a,color:i,type:p,disabled:l,children:g,leftIcon:s,rightIcon:h,fullWidth:P,variant:v,radius:R,uppercase:X,compact:Y,loading:u,loaderPosition:m,loaderProps:Z,gradient:M,classNames:Q,styles:ee,unstyled:B}=r,te=$e(r,["className","size","color","type","disabled","children","leftIcon","rightIcon","fullWidth","variant","radius","uppercase","compact","loading","loaderPosition","loaderProps","gradient","classNames","styles","unstyled"]),{classes:d,cx:O,theme:$}=Ee({radius:R,color:i,size:a,fullWidth:P,compact:Y,gradient:M,variant:v,withLeftIcon:!!s,withRightIcon:!!h},{name:"Button",unstyled:B,classNames:Q,styles:ee}),re=$.fn.variant({color:i,variant:v}),S=c.createElement(oe,A({color:re.color,size:$.fn.size({size:a,sizes:N}).height/2},Z));return c.createElement(ae,A({className:O(d.root,o),type:p,disabled:l,"data-button":!0,"data-disabled":l||void 0,"data-loading":u||void 0,ref:t,unstyled:B},te),c.createElement("div",{className:d.inner},(s||u&&m==="left")&&c.createElement("span",{className:O(d.icon,d.leftIcon)},u&&m==="left"?S:s),u&&m==="center"&&c.createElement("span",{className:d.centerLoader},S),c.createElement("span",{className:d.label,style:{textTransform:X?"uppercase":void 0}},g),(h||u&&m==="right")&&c.createElement("span",{className:O(d.icon,d.rightIcon)},u&&m==="right"?S:h)))});E.displayName="@mantine/core/Button";E.Group=F;const ke=ne(E),ze=`query Publication {
2    publication(host: "kodervine.hashnode.dev/") {
3        isTeam
4        title
5        posts(first: 10) {
6            edges {
7                node {
8                    title
9                    brief
10                    url
11                  publishedAt  
12                  coverImage {
13      url
14      isPortrait
15      attribution
16      photographer
17      isAttributionHidden
18    }
19      
20                }
21            }
22        }
23    }
24}
25`,Te=async()=>{let e=10;const t=[];let r=await Ce(ze,{page:e});return t.push(...r.data.publication.posts.edges),t};async function Ce(e,t={}){return(await fetch("https://gql.hashnode.com/",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e,variables:t})})).json()}const De=()=>{const{hovered:e,ref:t}=ie(),[r,o]=_.useState([]);return _.useEffect(()=>{(async()=>{const i=await Te();o(i)})()},[]),y(L,{px:20,children:[n(se,{title:"CHINENYE ANIKWENZE"}),n(le,{order:3,mt:"md",children:"Articles"}),r.length===0?n(de,{}):n(j,{align:"center",justify:"center",children:r.slice(0,9).map(a=>{const{title:i,brief:p,slug:l,url:g,coverImage:{url:s},publishedAt:h}=a.node,P=new Date(h),v={year:"numeric",month:"long",day:"numeric"};console.log(l,a);const R=P.toLocaleDateString("en-UK",v);return n(j.Col,{md:6,lg:3.5,ref:t,children:y(k,{shadow:e?"xl":"md",p:"xl",px:20,component:"a",my:10,mx:{sm:20,md:10},radius:"lg",children:[n(k.Section,{children:n(ce,{src:s,height:200,alt:"course certification images"})}),y(pe,{direction:"column",align:"start",children:[n(z,{weight:500,size:"lg",my:"md",children:i}),n(ge,{color:"yellow",size:"sm",variant:"dot",mr:"10px",mb:"sm",children:R}),y(z,{mt:"xs",color:"dimmed",size:"sm",children:[p," ",n("a",{href:g,target:"_blank",children:"Read more"})]})]})]},T())},T())})}),n(L,{style:{display:"flex",justifyContent:"center",marginTop:"10px"},children:n(ke,{children:n(fe,{href:"https://kodervine.hashnode.dev",target:"_blank",style:{color:"white",textDecoration:"none"},children:"Read more articles"})})}),n(ue,{})]})};export{De as default};