https://www.buttons.cool/_next/static/chunks/pages/saved-9a3f3e15bd1febfe.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[539],{20616:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/saved",function(){return r(1525)}])},95677:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{noSSR:function(){return s},default:function(){return o}});let l=r(10260),a=(r(67294),l._(r(8976)));function n(e){return{default:(null==e?void 0:e.default)||e}}function s(e,t){return delete t.webpack,delete t.modules,e(t)}function o(e,t){let r=a.default,l={loading:e=>{let{error:t,isLoading:r,pastDelay:l}=e;return null}};e instanceof Promise?l.loader=()=>e:"function"==typeof e?l.loader=e:"object"==typeof e&&(l={...l,...e}),l={...l,...t};let o=l.loader,i=()=>null!=o?o().then(n):Promise.resolve(n(()=>null));return(l.loadableGenerated&&(l={...l,...l.loadableGenerated},delete l.loadableGenerated),"boolean"!=typeof l.ssr||l.ssr)?r({...l,loader:i}):(delete l.webpack,delete l.modules,s(r,l))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},92254:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"LoadableContext",{enumerable:!0,get:function(){return n}});let l=r(10260),a=l._(r(67294)),n=a.default.createContext(null)},8976:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return h}});let l=r(10260),a=l._(r(67294)),n=r(92254),s=[],o=[],i=!1;function d(e){let t=e(),r={loading:!0,loaded:null,error:null};return r.promise=t.then(e=>(r.loading=!1,r.loaded=e,e)).catch(e=>{throw r.loading=!1,r.error=e,e}),r}class u{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function c(e){return function(e,t){let r=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},t),l=null;function s(){if(!l){let t=new u(e,r);l={getCurrentValue:t.getCurrentValue.bind(t),subscribe:t.subscribe.bind(t),retry:t.retry.bind(t),promise:t.promise.bind(t)}}return l.promise()}if(!i){let e=r.webpack?r.webpack():r.modules;e&&o.push(t=>{for(let r of e)if(t.includes(r))return s()})}function d(e,t){!function(){s();let e=a.default.useContext(n.LoadableContext);e&&Array.isArray(r.modules)&&r.modules.forEach(t=>{e(t)})}();let o=a.default.useSyncExternalStore(l.subscribe,l.getCurrentValue,l.getCurrentValue);return a.default.useImperativeHandle(t,()=>({retry:l.retry}),[]),a.default.useMemo(()=>{var t;return o.loading||o.error?a.default.createElement(r.loading,{isLoading:o.loading,pastDelay:o.pastDelay,timedOut:o.timedOut,error:o.error,retry:l.retry}):o.loaded?a.default.createElement((t=o.loaded)&&t.default?t.default:t,e):null},[e,o])}return d.preload=()=>s(),d.displayName="LoadableComponent",a.default.forwardRef(d)}(d,e)}function f(e,t){let r=[];for(;e.length;){let l=e.pop();r.push(l(t))}return Promise.all(r).then(()=>{if(e.length)return f(e,t)})}c.preloadAll=()=>new Promise((e,t)=>

1{f(s).then(e,t)}),c.preloadReady=e=>(void 0===e&&(e=[]),new Promise(t=>{let r=()=>(i=!0,t());f(o,e).then(r,r)})),window.__NEXT_PRELOADREADY=c.preloadReady;let h=c},39333:function(e,t,r){"use strict";var l=r(85893),a=r(67294),n=r(11163);let s=()=>{let e=(0,n.useRouter)();return(0,a.useEffect)(()=>{let e=document.querySelector("#carbonads");if(e){_carbonads.refresh();return}let t=document.createElement("script");t.src="//cdn.carbonads.com/carbon.js?serve=CWYIT2QJ&placement=buttonscool&format=cover",t.id="_carbonads_js",t.async=!0,document.querySelectorAll("#carbon-container")[0].appendChild(t)},[e.asPath]),(0,l.jsx)("div",{id:"carbon-container"})};t.Z=s},66951:function(e,t,r){"use strict";r.d(t,{Z:function(){return N}});var l=r(85893);let a=[{label:"Button List",url:"/buttons"},{label:"Button Generator",url:"/maker"}];var n=r(80972),s=r(6739),o=r(93967),i=r.n(o),d=r(5152),u=r.n(d),c=r(41664),f=r.n(c),h=r(11163),m=r(67294),p=r(31586);let g=[(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Love"})]}),(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Dig"})]}),(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Crave"})]}),(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Click"})]}),(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Tap"})]}),(0,l.jsxs)(l.Fragment,{children:["Buttons you'll ",(0,l.jsx)(p.Z,{children:"Press"})]})],x=g[Math.floor(Math.random()*g.length)];var b={title:x,description:(0,l.jsxs)("p",{className:i()("mt-6 text-lg leading-8 text-gray-600","dark:text-gray-300"),children:["collection of free buttons to copy & paste in your project, made in"," ",(0,l.jsx)("a",{href:"https://www.codepen.io/",className:"underline",children:"codepen"})," ","by awesome people"]})},y=r(60504),_=r(39333);let v=u()(()=>Promise.resolve().then(r.bind(r,55125)),{loadableGenerated:{webpack:()=>[55125]},loading:()=>(0,l.jsx)(l.Fragment,{})}),j=e=>{let{data:t}=e,[r,a]=(0,m.useState)(""),n=(0,h.useRouter)();(0,m.useEffect)(()=>{a(n.pathname)},[n.pathname]);let o=e=>r===e?i()("bg-indigo-600 text-white hover:bg-indigo-700 ring-indigo-700","dark:bg-gradient-to-br dark:from-indigo-600 dark:to-indigo-900 dark:ring-gray-900 dark:text-white hover:dark:from-indigo-700 hover:dark:to-indigo-900 hover:dark:ring-gray-900"):i()("bg-white text-gray-900 hover:bg-gray-50","dark:bg-gradient-to-br dark:from-gray-700 dark:to-gray-800 dark:text-white hover:dark:from-gray-800 hover:dark:to-gray-900");return(0,l.jsx)("div",{className:"relative z-50 flex w-full items-center justify-center pt-8",children:(0,l.jsx)("span",{className:"pointer-events-auto isolate inline-flex rounded-md shadow-sm",children:t.map((e,r)=>{let a=0===r,n=r===t.length-1;return(0,l.jsx)(f(),{type:"Link",className:i()("relative inline-flex items-center px-3 py-2 text-sm font-semibold ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 ","dark:ring-gray-900",a&&"rounded-l-md",n&&"rounded-r-md",!a&&"-ml-px",o(e.url)),href:e.url,onClick:()=>{s.ZP.track("Clicked hero nav link",{url:e.url,label:e.label})},children:e.label},e.url)})})})},w=()=>{let e=[];for(let t=0;t<15;t++){let t=100*Math.random(),r=100*Math.random();e.push("".concat(t,"% ").concat(r,"%"))}return"polygon(".concat(e.join(", "),")")},k=e=>{let{ads:t}=e,r=(0,m.useRef)(null),[s,o]=(0,m.useState)(null),[d,u]=(0,m.useState)(""),c=(0,h.useRouter)();(0,m.useEffect)(()=>{u(c.pathname),r.current&&o((0,n.RD)())},[r.current]);let p="/"===d?"span":f();return(0,l.jsxs)("div",{className:"relative overflow-hidden",children:[(0,l.jsx)(v,{animated:!0}),(0,l.jsxs)("div",{className:"pointer-events-none relative isolate z-10 pt-14",children:[(0,l.jsx)("div",{className:"absolute inset-x-0 -top-40 z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80","aria-hidden":"true",children:(0,l.jsx)("div",{className:"relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] scale-150 bg-gradient-to-tr from-[#ff006a] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]",style:{background:s,clipPath:w()}})}),(0,l.jsx)("div",{className:"absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80","aria-hidden":"true"}),(0,l.jsx)("div",{className:"hero relative z-20 pb-12 pt-24 sm:py-32 lg:pb-40",children:(0,l.jsxs)("div",{className:i()("mx-auto w-full max-w-7xl px-6","

1sm:w-auto lg:px-8"),children:[(0,l.jsxs)("div",{className:"pointer-events-auto mx-auto max-w-6xl text-center",children:[(0,l.jsx)(y.Z,{className:i()("text-4xl font-black tracking-tight text-gray-800 sm:text-7xl","dark:text-white"),title:(0,l.jsx)(p,{href:"/",children:b.title})}),b.description]}),(0,l.jsx)(j,{data:a})]})})]}),t&&(0,l.jsx)("div",{className:"relative z-10 flex justify-center",children:(0,l.jsx)(_.Z,{})})]})};var N=k},1525:function(e,t,r){"use strict";r.r(t);var l=r(85893),a=r(66951),n=r(61678),s=r(221),o=r(9008),i=r.n(o),d=r(67294);let u=()=>{let[e,t]=(0,d.useState)([]);return(0,d.useEffect)(()=>{let e=localStorage.getItem("savedButtons");e&&t(JSON.parse(e))},[]),(0,l.jsxs)(s.Z,{children:[(0,l.jsx)(i(),{children:(0,l.jsx)("link",{rel:"canonical",href:"https://www.buttons.cool/saved"})}),(0,l.jsx)(a.Z,{}),(0,l.jsxs)(n.Z,{className:"relative z-10",children:[(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,l.jsx)("h1",{className:"text-4xl font-bold",children:"Saved Buttons"}),(0,l.jsx)("p",{className:"mt-4 text-lg text-gray-600",children:"Here you can find all the buttons you have saved."})]}),(0,l.jsx)("div",{className:"flex items-center justify-center mt-8 gap-3 flex-wrap",children:e.length>0?[...e].reverse().map((e,t)=>(0,l.jsx)("div",{className:"mb-4",children:(0,l.jsx)("div",{className:"w-full h-16 bg-gray-200 rounded-lg flex items-center justify-center p-12",dangerouslySetInnerHTML:{__html:e}})},t)):(0,l.jsx)("p",{className:"text-lg text-gray-600",children:"No buttons saved yet."})})]})]})};t.default=u},5152:function(e,t,r){e.exports=r(95677)}},function(e){e.O(0,[634,849,774,888,179],function(){return e(e.s=20616)}),_N_E=e.O()}]);