https://wordzzz.app/_next/static/chunks/pages/learn-words-2bd1a7f46c78598b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5666],{36223:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/learn-words",function(){return n(96160)}])},14317:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var r=n(50612),s=n(94344),l=n(30395),a=n.n(l),i=n(52958),o=n.n(i);function d(e){let{list:t=[],setList:n,setType:l}=e,i=s.useRef(null);return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:o().flexCenter,children:[(0,r.jsxs)("div",{style:{flex:1},children:["Add words for\xa0",(0,r.jsx)("b",{children:"learning"}),"."]}),(0,r.jsx)("button",{type:"button",className:"button button__secondary",onClick:()=>l("learn"),children:"Learn now"})]}),(0,r.jsxs)("form",{ref:i,onSubmit:e=>{e.preventDefault();let{word:r,end:s,example:l,note:a}=e.target.elements;r&&(n([{word:r.value,from:0,to:r.value.length-parseInt(s.value,10),example:l.value,note:a.value},...t]),i.current.reset())},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("input",{type:"text",autoComplete:"off",className:o().input,name:"word",placeholder:"word"}),(0,r.jsx)("input",{type:"number",autoComplete:"off",className:a()(o().input,o().inputNumber),name:"end",size:5,placeholder:"end"})]}),(0,r.jsx)("div",{children:(0,r.jsx)("textarea",{autoComplete:"off",className:o().input,name:"example",placeholder:"example"})}),(0,r.jsx)("div",{children:(0,r.jsx)("textarea",{autoComplete:"off",className:o().input,name:"note",placeholder:"note"})}),(0,r.jsx)("button",{type:"submit",className:"button button__primary",children:"Add"})]}),t.length>0&&(0,r.jsx)("h3",{children:"List"}),t.map((e,t)=>{let{word:n,example:s,note:l,from:a,to:i}=e;return(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:(0,r.jsx)("b",{children:n.substr(a,i)})}),(0,r.jsx)("div",{children:s}),(0,r.jsx)("div",{style:{fontWeight:100},children:l})]},t)})]})}},63938:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var r=n(50612),s=n(94344),l=n(30395),a=n.n(l),i=n(52958),o=n.n(i);function d(e){let{list:t=[],setType:n}=e,l=s.useRef(null),[i,d]=s.useState(0),[u,c]=s.useState(null),x=e=>{let{value:t}=e.target;if(!t)return;let n=p.word.substr(p.from,p.to);if(console.log("current.word=",p.word),console.log("value=",n+t),!p.word.startsWith(n+t)){c(!1);return}if(p.word===n+t){c(!0);return}c(null)},p=s.useMemo(()=>t[i],[i,t]);return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:o().flexCenter,children:[(0,r.jsx)("div",{style:{flex:1},children:"Complete words."}),(0,r.jsx)("button",{type:"button",className:"button button__secondary",onClick:()=>n("add"),children:"Close"})]}),p&&(0,r.jsxs)("form",{ref:l,children:[(0,r.jsxs)("div",{style:{margin:"100px 0"},children:[p.example.split(" ").map(e=>e===p.word?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{children:e.substr(p.from,p.to)}),(0,r.jsx)("input",{type:"text",name:"answer",autoComplete:"off",size:5,className:a()(o().input,o().inputNumber),onChange:x,style:{color:!1===u?"red":!0===u?"green":"black"}})]}):(0,r.jsx)("span",{children:e})).reduce((e,t)=>[e," ",t]),(0,r.jsx)("div",{style:{fontSize:16,marginTop:16},children:p.note})]}),(0,r.jsxs)("div",{className:o().flexCenter,children:[(0,r.jsx)("button",{type:"button",className:"button button__primary",disabled:0===i,onClick:()=>{d(i-1),l.current.reset()},children:"Previous"}),(0,r.jsx)("button",{type:"button",className:"button button__primary",disabled:!1===u||i===t.length,onClick:()=>{d(i+1),l.current.reset()},children:"Next"})]})]})]})}},96160:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(50612),s=n(94344),l=n(7898),a=n.n(l),i=n(14317),o=n(63938),d=n(73906);function u(){if(!(null!=d))return null;let[e,t]=s.useState(localStorage.getItem("words")||[]),[n,l]=s.useState("add");return(0,r.jsxs)("main",{className:"container",children:[(0,r.jsx)(a(),{children:(0,r.jsx)("title",{children:"Wordzzz – Learn words"})}),(0,r.jsx)("h2",{children:"Learn words"}),"add"===n?(0,r.jsx)(i.default,{list:e,setList:e=>{localStorage.setItem("words",e),t(e)},setType:l}):(0,r.jsx)(o.default,{list:e,setType:l})]})}},52958:e=>{e.exports={input:"Learn_input__TMZ5W",inputNumber:"Learn_inputNumber__htuUO",flexCenter:"Learn_flexCenter__NrZrR"}}},e=>{var t=t=>e(e.s=t);e.O(0,[636,6593,8792],()=>t(36223)),_N_E=e.O()}]);