https://blog-rails.vercel.app/_next/static/chunks/pages/articles/[id]-7cd56451f7d2d1550984.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977],{48930:function(e,t,n){"use strict";n.d(t,{E:function(){return c}});var r=n(85893),i=n(70421),s=n(41664),a=n(86010),l={red:"bg-red-100 text-red-800",yellow:"bg-yellow-100 text-yellow-800",green:"bg-green-100 text-green-800",blue:"bg-blue-100 text-blue-800",indigo:"bg-indigo-100 text-indigo-800",purple:"bg-purple-100 text-purple-800",pink:"bg-pink-100 text-pink-800"},c=function(e){var t=e.category,n=t.id,c=t.colour,d=t.title,o=e.layoutId;return(0,r.jsx)(i.E.div,{layoutId:o,children:(0,r.jsx)(s.default,{href:"/categories/".concat(n),passHref:!0,children:(0,r.jsx)("a",{className:"inline-block",children:(0,r.jsx)("span",{className:(0,a.Z)("inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium",l[c]),children:d})})})})}},68105:function(e,t,n){"use strict";n.d(t,{h:function(){return s}});var r=n(85893),i=n(9008),s=function(e){var t=e.title,n=e.description;return(0,r.jsxs)(i.default,{children:[(0,r.jsx)("title",{children:t||"Blog"}),(null===n||void 0===n?void 0:n.length)>0&&(0,r.jsx)("meta",{name:"description",content:n}),(0,r.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,r.jsx)("meta",{charSet:"utf-8"})]})}},74769:function(e,t,n){"use strict";n.d(t,{_:function(){return v}});var r=n(85893),i=n(11330),s=n(76049),a=n(86010),l="focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 rounded-md",c=function(){return(0,r.jsx)("div",{className:"-mr-2 -my-2 md:hidden",children:(0,r.jsxs)(i.J2.Button,{className:(0,a.Z)("bg-gray-100 p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100",l),children:[(0,r.jsx)("span",{className:"sr-only",children:"Open menu"}),(0,r.jsx)(s.Oqj,{className:"h-6 w-6","aria-hidden":"true"})]})})},d=n(11163),o=n(41664),u=n(63802),x=n(67294),h=[{name:"New Article",href:"/articles/new",icon:s.wl8},{name:"New Category",href:"/categories/new",icon:s.wl8},{name:"New Author",href:"/authors/new",icon:s.wl8}],m=function(){return(0,r.jsx)(i.J2,{className:"relative",children:function(e){var t=e.open;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i.J2.Button,{className:(0,a.Z)(t?"text-gray-900":"text-gray-500","group inline-flex items-center text-base font-medium hover:text-gray-900",l),"data-testid":"create-dropdown-button",children:[(0,r.jsx)("span",{children:"Create"}),(0,r.jsx)(u.v4q,{className:(0,a.Z)(t?"text-gray-600":"text-gray-400","ml-2 h-5 w-5 group-hover:text-gray-500"),"aria-hidden":"true"})]}),(0,r.jsx)(i.uT,{show:t,as:x.Fragment,enter:"transition ease-out duration-200",enterFrom:"opacity-0 translate-y-1",enterTo:"opacity-100 translate-y-0",leave:"transition ease-in duration-150",leaveFrom:"opacity-100 translate-y-0",leaveTo:"opacity-0 translate-y-1",children:(0,r.jsx)(i.J2.Panel,{static:!0,className:"absolute z-10 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-[230px] sm:px-0","data-testid":"create-dropdown-content",children:(0,r.jsx)("div",{className:"rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden",children:(0,r.jsx)("div",{className:"relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8",children:h.map((function(e){return(0,r.jsx)(o.default,{href:e.href,passHref:!0,children:(0,r.jsxs)("a",{className:(0,a.Z)("-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50",l),children:[(0,r.jsx)(e.icon,{className:"flex-shrink-0 h-6 w-6 text-indigo-600","aria-hidden":"true"}),(0,r.jsx)("div",{className:"ml-4",children:(0,r.jsx)("p",{className:"text-base font-medium text-gray-900",children:e.name})})]})},e.name)}))})})})})]})}})},g=function(){return(0,r.jsxs)(i.J2.Group,{as:"nav",className:"hidden md:flex space-x-10",children:[(0,r.jsx)(f,{link:"/articles",children:"Articles"}),(0,r.jsx)(f,{link:"/categories",children:"Categories"}),(0,r.jsx)(f,{link:"/authors",children:"Authors"}),(0,r.jsx)(m,{})]})},f=function(e){var t=e.children,n=e.link,i=(0,d.useRouter)().pathname===n;return(0,r.jsx)(o.default,{href:n,passHref:!0,children:(0,r.jsx)("a",{tabIndex:0,className:(0,a.Z)("text-base font-medium hover:text-gray-900",l,{"text-gray-900":i,"text-gray-500":!i}),children:t})})},p=function(e){var t=e.open;return(0,r.jsx)(i.uT,{show:t,as:x.Fragment,enter:"duration-200 ease-out",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"duration-100 ease-in",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,r.jsx)(i.J2.Panel,{focus:!0,static:!0,className:"absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden",children:(0,r.jsxs)("div",{className:"rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50",children:[(0,r.jsxs)("div",{className:"pt-5 pb-6 px-5 flex flex-row items-start justify-between",children:[(0,r.jsx)("div",{className:"space-y-6 w-full",children:(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-y-4 gap-x-8",children:[(0,r.jsx)(j,{link:"/articles",children:"Articles"}),(0,r.jsx)(j,{link:"/categories",children:"Categories"}),(0,r.jsx)(j,{link:"/authors",children:"Authors"})]})}),(0,r.jsx)("div",{className:"flex items-center justify-between mr-2",children:(0,r.jsx)("div",{className:"-mr-2",children:(0,r.jsxs)(i.J2.Button,{className:"bg-gray-100 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500",children:[(0,r.jsx)("span",{className:"sr-only",children:"Close menu"}),(0,r.jsx)(s.b0D,{className:"h-6 w-6","aria-hidden":"true"})]})})})]}),(0,r.jsxs)("div",{className:"bg-gray-100 pt-5 pb-6",children:[(0,r.jsx)("p",{className:"mx-5 pb-4 mb-4 border-b border-gray-200",children:"Create"}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-y-4 gap-x-8 mx-5 text-sm",children:[(0,r.jsx)(j,{link:"/articles/new",children:"New Art

1icle"}),(0,r.jsx)(j,{link:"/categories/new",children:"New Category"}),(0,r.jsx)(j,{link:"/authors/new",children:"New Author"})]})]})]})})})},j=function(e){var t=e.children,n=e.link;return(0,r.jsx)(o.default,{href:n,passHref:!0,children:(0,r.jsx)("a",{className:(0,a.Z)("font-medium text-gray-900 hover:text-gray-700",l),children:t})})},y=function(){return(0,r.jsx)(i.J2,{className:"relative",children:function(e){var t=e.open;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6",children:(0,r.jsxs)("div",{className:"flex justify-between items-center md:border-b-2 border-gray-100 justify-end md:justify-center pb-6 md:space-x-10 mr-[20px] md:pr-0 pt-[36px] md:pt-6",children:[(0,r.jsx)(c,{}),(0,r.jsx)(g,{})]})}),(0,r.jsx)(p,{open:t})]})}})},v=function(e){var t=e.children;return(0,r.jsxs)("div",{className:"min-h-screen",children:[(0,r.jsx)(y,{}),(0,r.jsx)("div",{className:"max-w-7xl mx-auto pb-12 md:pt-8 px-4 text-center sm:px-6 lg:px-8 lg:py-16",children:t})]})}},64629:function(e,t,n){"use strict";n.d(t,{M:function(){return l}});var r=n(85893),i=n(70421),s=n(17464),a=function(e){var t=e.title,n=e.layoutId;return(0,r.jsx)(i.E.h1,{layoutId:n,className:"text-3xl font-extrabold tracking-tight sm:text-4xl flex-1 md:flex-auto",children:t})},l=function(e){var t=e.title,n=e.titleLayoutId,l=e.tagline,c=e.taglineLayoutId,d=e.leftContent,o=e.rightContent;return(0,r.jsxs)(s.Y,{children:[(0,r.jsxs)("div",{className:"flex flex-row",children:[(0,r.jsx)("div",{className:"flex-1 hidden md:flex",children:d}),(0,r.jsx)(a,{layoutId:n,title:t}),(0,r.jsx)("div",{className:"flex-1 hidden md:flex justify-end",children:o})]}),l&&(0,r.jsx)(i.E.h2,{layoutId:c,className:"text-xl text-gray-500",children:l})]})}},17464:function(e,t,n){"use strict";n.d(t,{Y:function(){return i}});var r=n(85893),i=function(e){var t=e.children;return(0,r.jsx)("div",{className:"space-y-5 sm:space-y-4 pb-6 md:pb-12 mx-8",children:t})}},74166:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return f},default:function(){return p}});var r=n(85893),i=n(74769),s=n(41664),a=n(64629),l=n(48930),c=function(e){var t=e.article,n=t.id,i=t.category,c=t.title,d=t.author,o=function(){return(0,r.jsxs)(r.Fragment,{children:["By"," ",(0,r.jsx)(s.default,{href:"/authors/".concat(d.id),passHref:!0,children:(0,r.jsx)("a",{className:"hover:underline",children:(0,r.jsx)("span",{children:d.name})})})]})};return(0,r.jsx)(a.M,{titleLayoutId:"article-title-".concat(n),title:c,taglineLayoutId:"author-name-".concat(n),tagline:(0,r.jsx)(o,{}),rightContent:(0,r.jsx)(l.E,{layoutId:"article-category-".concat(n),category:i})})},d=n(38456),o=n.n(d),u=n(70421),x=n(10043),h=n.n(x),m=function(e){var t=e.article,n=t.id,i=t.body;return(0,r.jsx)(u.E.div,{layoutId:"article-body-".concat(n),children:(0,r.jsx)(o(),{remarkPlugins:[h()],className:"mx-auto prose lg:prose-xl",components:{h1:"h3"},children:i})})},g=n(68105),f=!0;function p(e){var t=e.article;return t?(0,r.jsxs)(i._,{children:[(0,r.jsx)(g.h,{title:null===t||void 0===t?void 0:t.title}),(0,r.jsx)(c,{article:t}),(0,r.jsx)(m,{article:t})]}):null}},35180:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/articles/[id]",function(){return n(74166)}])}},function(e){e.O(0,[774,989,456,43,888,179],(function(){return t=35180,e(e.s=t);var t}));var t=e.O();_N_E=t}]);