diff --git a/.github/workflows/gh-pages.yaml b/.github/workflows/gh-pages.yaml new file mode 100644 index 0000000..e4fb9a5 --- /dev/null +++ b/.github/workflows/gh-pages.yaml @@ -0,0 +1,51 @@ +# Simple workflow for deploying static content to GitHub Pages +name: Deploy static content to Pages + +on: + # Runs on pushes targeting the default branch + push: + branches: ['main'] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow one concurrent deployment +concurrency: + group: 'pages' + cancel-in-progress: true + +jobs: + # Single deploy job since we're just deploying + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + - name: Set up Node + uses: actions/setup-node@v4 + with: + node-version: 20 + cache: 'npm' + - name: Install dependencies + run: npm ci + - name: Build + run: npm run build + - name: Setup Pages + uses: actions/configure-pages@v4 + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + # Upload dist folder + path: './dist' + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 diff --git a/docs/assets/index-B0cVmIS5.js b/docs/assets/index-2ydUSxYX.js similarity index 90% rename from docs/assets/index-B0cVmIS5.js rename to docs/assets/index-2ydUSxYX.js index bb16c71..f49acfd 100644 --- a/docs/assets/index-B0cVmIS5.js +++ b/docs/assets/index-2ydUSxYX.js @@ -64,4 +64,4 @@ Error generating stack: `+o.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */const Eh="6";try{window.__reactRouterVersion=Eh}catch{}const Ch="startTransition",ms=wf[Ch];function Ph(e){let{basename:t,children:n,future:r,window:l}=e,o=k.useRef();o.current==null&&(o.current=zp({window:l,v5Compat:!0}));let i=o.current,[u,s]=k.useState({action:i.action,location:i.location}),{v7_startTransition:a}=r||{},d=k.useCallback(f=>{a&&ms?ms(()=>s(f)):s(f)},[s,a]);return k.useLayoutEffect(()=>i.listen(d),[i,d]),k.createElement(Sh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:i,future:r})}var vs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(vs||(vs={}));var gs;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(gs||(gs={}));const Nh=e=>{const{productList:t,handleClickProduct:n}=e;return v.jsxs("div",{className:"w-full px-40 py-6 bg-secondary-900 text-white",children:[v.jsxs("div",{id:"footer-content",className:"flex gap-[35px]",children:[v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h5",children:"Featured product"}),v.jsx("div",{className:"flex flex-col gap-4 mt-6",children:t.map((r,l)=>v.jsx("p",{className:"cursor-pointer text-subHeading",onClick:()=>n(r),children:r},l))})]}),v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h5",children:"Customer services"}),v.jsxs("div",{className:"flex flex-col gap-4 mt-6",children:[v.jsx("p",{className:"text-body",children:"MBK Tower 20th Floor, 444, Phaya Thai Rd, Wang Mai, Pathum Wan, Bangkok 10330"}),v.jsx("p",{className:"text-body",children:"Email: ratchitta.panyangam@gmail.com"})]})]})]}),v.jsxs("div",{id:"footer-credit",className:"flex justify-between items-center text-secondary-500 mt-4",children:[v.jsx("p",{className:"text-caption",children:"Copyright © 2024 All rights reserved for all contents. "}),v.jsxs("div",{className:"flex gap-2",children:[v.jsx("p",{className:"text-caption",children:"Powerd By"}),v.jsxs("div",{className:"flex items-center gap-2",children:[v.jsx("img",{src:"assets/skooldio-logo.png",alt:"Skooldio"}),v.jsx("div",{className:"inline-block w-px self-stretch bg-neutral-100"}),v.jsx("img",{src:"assets/web-dev-logo.png",alt:"Web Development Bootcamp"})]})]})]})]})};function _h(e,...t){if(typeof e=="function")throw new Error("You must supply the data as the first argument to tidy()");let n=e;for(const r of t)r&&(n=r(n));return n}function jh(e){return e==null?[]:Array.isArray(e)?e:[e]}class Lh extends Map{constructor(t,n=Rh){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:n}}),t!=null)for(const[r,l]of t)this.set(r,l)}get(t){return super.get(ys(this,t))}has(t){return super.has(ys(this,t))}set(t,n){return super.set(zh(this,t),n)}delete(t){return super.delete(Th(this,t))}}function ys({_intern:e,_key:t},n){const r=t(n);return e.has(r)?e.get(r):n}function zh({_intern:e,_key:t},n){const r=t(n);return e.has(r)?e.get(r):(e.set(r,n),n)}function Th({_intern:e,_key:t},n){const r=t(n);return e.has(r)&&(n=e.get(n),e.delete(r)),n}function Rh(e){return e!==null&&typeof e=="object"?e.valueOf():e}function ws(e){return e}function Oh(e,...t){return Mh(e,ws,ws,t)}function Mh(e,t,n,r){return function l(o,i){if(i>=r.length)return n(o);const u=new Lh,s=r[i++];let a=-1;for(const d of o){const f=s(d,++a,o),h=u.get(f);h?h.push(d):u.set(f,[d])}for(const[d,f]of u)u.set(d,l(f,i));return t(u)}(e,0)}function cl(e,t){if(e==null||typeof e!="object"||Array.isArray(e))return e;const n=Object.fromEntries(t.filter(r=>typeof r[0]!="function"&&r[0]!=null));return Object.assign(n,e)}function Tl(e,t,n,r,l,o=0){for(const[i,u]of e.entries()){const s=[...n,i];if(u instanceof Map){const a=r(t,s,o);Tl(u,a,s,r,l,o+1)}else l(t,s,u,o)}return t}function Fh(e,t,n=r=>r[r.length-1]){function r(i,u){const s=new Map;return i.set(n(u),s),s}function l(i,u,s){i.set(n(u),t(s,u))}const o=new Map;return Tl(e,o,[],r,l),o}const fl=e=>e;function Ih(e){const t=typeof e;return e!=null&&(t==="object"||t==="function")}function Ae(e,t,n){return typeof t=="function"?t=[t]:arguments.length===2&&t!=null&&!Array.isArray(t)&&(n=t),l=>{const o=Uh(l,e),i=Dh(o,t,n==null?void 0:n.addGroupKeys);if(n!=null&&n.export)switch(n.export){case"grouped":return i;case"levels":return ao(i,n);case"entries-obj":case"entriesObject":return ao(i,{...n,export:"levels",levels:["entries-object"]});default:return ao(i,{...n,export:"levels",levels:[n.export]})}return $h(i,n==null?void 0:n.addGroupKeys)}}Ae.grouped=e=>({...e,export:"grouped"});Ae.entries=e=>({...e,export:"entries"});Ae.entriesObject=e=>({...e,export:"entries-object"});Ae.object=e=>({...e,export:"object"});Ae.map=e=>({...e,export:"map"});Ae.keys=e=>({...e,export:"keys"});Ae.values=e=>({...e,export:"values"});Ae.levels=e=>({...e,export:"levels"});function Dh(e,t,n){let r=e;if(!(t!=null&&t.length))return r;for(const l of t)l&&(r=Fh(r,(o,i)=>{let s=l(o,{groupKeys:i});return n!==!1&&(s=s.map(a=>cl(a,i))),s}));return r}function Uh(e,t){const n=jh(t).map((l,o)=>{const i=typeof l=="function"?l:s=>s[l],u=new Map;return s=>{const a=i(s),d=Ih(a)?a.valueOf():a;if(u.has(d))return u.get(d);const f=[l,a];return u.set(d,f),f}});return Oh(e,...n)}function $h(e,t){const n=[];return Tl(e,n,[],fl,(r,l,o)=>{let i=o;t!==!1&&(i=o.map(u=>cl(u,l))),r.push(...i)}),n}const Bh=e=>e.join("/");function Ah(e){var t;const{flat:n,single:r,mapLeaf:l=fl,mapLeaves:o=fl,addGroupKeys:i}=e;let u;return e.flat&&(u=(t=e.compositeKey)!=null?t:Bh),{groupFn:(d,f)=>r?l(i===!1?d[0]:cl(d[0],f)):o(d.map(h=>l(i===!1?h:cl(h,f)))),keyFn:n?d=>u(d.map(f=>f[1])):d=>d[d.length-1][1]}}function ao(e,t){const{groupFn:n,keyFn:r}=Ah(t);let{mapEntry:l=fl}=t;const{levels:o=["entries"]}=t,i=[];for(const d of o)switch(d){case"entries":case"entries-object":case"entries-obj":case"entriesObject":{const f=(d==="entries-object"||d==="entries-obj"||d==="entriesObject")&&t.mapEntry==null?([h,g])=>({key:h,values:g}):l;i.push({id:"entries",createEmptySubgroup:()=>[],addSubgroup:(h,g,y,w)=>{h.push(f([y,g],w))},addLeaf:(h,g,y,w)=>{h.push(f([g,y],w))}});break}case"map":i.push({id:"map",createEmptySubgroup:()=>new Map,addSubgroup:(f,h,g)=>{f.set(g,h)},addLeaf:(f,h,g)=>{f.set(h,g)}});break;case"object":i.push({id:"object",createEmptySubgroup:()=>({}),addSubgroup:(f,h,g)=>{f[g]=h},addLeaf:(f,h,g)=>{f[h]=g}});break;case"keys":i.push({id:"keys",createEmptySubgroup:()=>[],addSubgroup:(f,h,g)=>{f.push([g,h])},addLeaf:(f,h)=>{f.push(h)}});break;case"values":i.push({id:"values",createEmptySubgroup:()=>[],addSubgroup:(f,h)=>{f.push(h)},addLeaf:(f,h,g)=>{f.push(g)}});break;default:typeof d=="object"&&i.push(d)}const u=(d,f,h)=>{var g,y;if(t.flat)return d;const w=(g=i[h])!=null?g:i[i.length-1],p=((y=i[h+1])!=null?y:w).createEmptySubgroup();return w.addSubgroup(d,p,r(f),h),p},s=(d,f,h,g)=>{var y;((y=i[g])!=null?y:i[i.length-1]).addLeaf(d,r(f),n(h,f),g)},a=i[0].createEmptySubgroup();return Tl(e,a,[],u,s)}const Zc=e=>{const{className:t}=e,n=t==null?void 0:t.includes("min-h-");return v.jsx("div",{...e,className:`flex w-full h-full justify-center items-center ${t}${n?"":" min-h-dvh"}`,children:v.jsxs("svg",{role:"status",className:"inline h-8 w-8 animate-spin mr-2 text-neutral-300 fill-primary-900",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[v.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),v.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]})})},Wh=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/categories")).json();t(s)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},Vh=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/products")).json();t(s.data)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},Jc=k.createContext({categories:{},featuredProducts:[],loading:!1}),Hh=({children:e})=>{const[t,n]=k.useState([]),{category:r}=uh(),{data:l,loading:o}=Wh(),i=_h(l,Ae("name",Ae.object())),{data:u,loading:s}=Vh();k.useEffect(()=>{if(r===void 0){n(u);return}const d=u==null?void 0:u.filter(f=>{const h=f.categories,g=i[r].map(y=>y.permalink);return h.some(y=>g.includes(y))});n(d)},[r,u]);const a=o||s;return a?v.jsx(Zc,{}):v.jsx(Jc.Provider,{value:{categories:i,featuredProducts:t,loading:a},children:e??v.jsx(Xc,{})})},Rl=()=>{const e=k.useContext(Jc);if(!e)throw new Error("useProduct must be used within a ProductProvider");return e},Qh=()=>{const e=Kc(),{categories:t}=Rl(),n=Object.keys(t),r=l=>{e(l)};return v.jsx(Nh,{productList:n,handleClickProduct:r})},Kh=["bg-secondary-300","cursor-not-allowed","text-secondary-500"],Gh=e=>{const{onClick:t,variant:n="primary",fullWidth:r,disabled:l,className:o,children:i,...u}=e,s=n==="primary"?["bg-secondary-900","text-white"]:[];return v.jsx("button",{onClick:t,disabled:l,className:`${o??""} ${l?Kh.join(" "):s.join(" ")} px-[10px] py-[17px] ${r?"w-full":"w-fit"}`,...u,children:i})},Yh=e=>v.jsx("i",{...e,children:v.jsx("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:v.jsx("path",{d:"M25.6 19.3L23.7 31.1M14.9 19.3L16.8 31.1M11 25.2H28.7M20.3 19.3V31.1M12.2 15.5L15.8 9.30002M24.7 9.20001L28.3 15.4M25.5 31.1H15C13.5 31.1 12.2 30.1 11.9 28.7L9.5 19.3H31L28.6 28.7C28.3 30.1 27 31.1 25.5 31.1ZM33.1 17.4C33.1 16.3 32.2 15.5 31.2 15.5H9.39999C8.29999 15.5 7.5 16.4 7.5 17.4C7.5 18.5 8.39999 19.3 9.39999 19.3H31.2C32.2 19.3 33.1 18.4 33.1 17.4Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})}),Xh=e=>v.jsx("i",{...e,children:v.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[v.jsx("path",{d:"M21.5002 19.3H30.3002L27.9002 28.7C27.5002 30.1 26.2002 31.1 24.8002 31.1H14.3002C12.8002 31.1 11.5002 30.1 11.2002 28.7L8.80017 19.3H17.5002M23.5002 27.8L24.3002 22.6M14.7002 22.6L15.5002 27.8M19.5002 22.6V27.8M30.4002 19.3C31.5002 19.3 32.3002 18.4 32.3002 17.4C32.3002 16.3 31.4002 15.5 30.4002 15.5H8.60019C7.50019 15.5 6.7002 16.4 6.7002 17.4C6.7002 18.5 7.60019 19.3 8.60019 19.3M11.5002 15.5L15.1002 9.29999M27.6002 15.5L24.0002 9.29999",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),v.jsx("circle",{cx:"29.5",cy:"14.5",r:"3.5",fill:"#FF000D"})]})}),Zh=e=>{const{tabList:t,handleClickTab:n,handleClickLogo:r,rightAdornment:l}=e;return v.jsx("div",{className:"w-full px-40 py-2.5 bg-secondary-900 text-white",children:v.jsxs("div",{id:"navbar-content",className:"flex justify-between items-center",children:[v.jsxs("div",{id:"left",className:"flex gap-10 items-center",children:[v.jsxs("div",{id:"logo",className:"cursor-pointer flex gap-2.5 items-center",onClick:r,children:[v.jsx("img",{className:"w-[36px] h-[36px] object-contain",src:"assets/logo.svg",alt:"logo"}),v.jsx("p",{className:"text-subHeading",children:"WDB"})]}),v.jsx("div",{className:"flex gap-6",children:t.map((o,i)=>v.jsx("p",{className:"cursor-pointer",onClick:()=>n(o),children:o},i))})]}),l]})})},Jh=e=>e?v.jsx(Xh,{}):v.jsx(Yh,{}),qh=()=>{const e=Kc(),{categories:t}=Rl(),n=Object.keys(t),r=()=>{e("/wdb-sandbox/")},l=u=>{e(u)},o=()=>{};return v.jsx(Zh,{tabList:n,handleClickLogo:r,handleClickTab:l,rightAdornment:v.jsx("div",{className:"cursor-pointer",onClick:o,children:Jh(!1)})})},bh=e=>{const{children:t}=e;return v.jsxs(Hh,{children:[v.jsx(qh,{}),t??v.jsx(Xc,{}),v.jsx(Qh,{})]})},xs=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),em=(e,t)=>{const n=Math.pow(10,t||2);return Math.round(e*n)/n},Ss=["fa-solid","fa-star"].join(" "),tm=e=>{const{rating:t}=e;return v.jsx("div",{className:"flex gap-1",children:Array.from({length:5}).map((n,r)=>r{const{name:t,imgUrl:n,description:r,price:l,promotionPrice:o,rating:i}=e,u=o&&o{const{featuredProducts:e=[]}=Rl(),t=e.slice(0,4);return v.jsx("div",{className:"flex gap-10 w-full",children:t.map(n=>{const{id:r,name:l,description:o,price:i,promotionalPrice:u,ratings:s,imageUrls:a}=n;return v.jsx(qc,{name:l,description:o,price:i,promotionPrice:u,rating:s,imgUrl:a[0]},r)})})},rm=e=>{const{header:t,description:n,imgUrl:r,onClick:l}=e;return v.jsxs("div",{className:"flex-1 h-[500px] relative text-center text-white",children:[v.jsx("img",{className:"absolute object-none w-full h-full",src:r,alt:`image of ${t} content`}),v.jsxs("div",{className:"absolute bottom-0 p-4 flex flex-col w-full gap-4 justify-end items-center bg-gradient-to-b from-transparent to-[hsla(0,0%,0%,0.8)]",children:[v.jsx("p",{className:"text-h6",children:t}),v.jsx("p",{children:n}),v.jsx(Gh,{onClick:l,children:"View more"})]})]})},lm=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/collections")).json();t(s)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},om=()=>{const{data:e,loading:t}=lm(),n=e==null?void 0:e.find(o=>o.name==="Spring 2024"),{description:r="",items:l=[]}=n||{};return t?v.jsx(Zc,{className:"min-h-40"}):v.jsxs("div",{className:"flex gap-10",children:[v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h1",children:"2024"}),v.jsx("p",{className:"text-h3",children:"Collection"}),v.jsx("p",{children:r})]}),l.map(o=>{const{title:i,description:u,imageUrl:s}=o;return v.jsx(rm,{header:i,description:u,imgUrl:s,onClick:()=>{}},o.title)})]})},im=()=>v.jsxs("div",{children:[v.jsx("div",{id:"home-cover",className:'h-[420px] bg-cover bg-center overflow-hidden bg-[url("assets/images/cover.png")]'}),v.jsxs("div",{id:"home-container",className:"px-40 pt-24 pb-40 flex flex-col justify-center",children:[v.jsx(om,{}),v.jsxs("div",{id:"home-product",children:[v.jsx("p",{className:"text-h5 w-full text-center mt-32 mb-16",children:"Featured Product"}),v.jsx(nm,{})]})]})]}),um=e=>{const{totalPages:t,currentPage:n,onPageChange:r,onNextPage:l,onPrevPage:o}=e,i=n===1,u=n===t;return v.jsxs("div",{className:"flex justify-center items-center mt-10",children:[v.jsx("i",{className:`fa-solid fa-angle-left px-4 py-2${i?" opacity-0":" cursor-pointer"}`,onClick:i?()=>{}:o}),v.jsx("div",{children:Array.from({length:t},(s,a)=>{const d=a+1;return v.jsx("button",{onClick:()=>r(d),className:`${n===d?"bg-primary-900 text-white border-primary-900":"bg-white text-secondary-900"} px-4 py-2 border border-neutral-200 ml-[-1px]`,children:d},d)})}),v.jsx("i",{className:`fa-solid fa-angle-right px-4 py-2${u?" opacity-0":" cursor-pointer"}`,onClick:u?()=>{}:l})]})},ks=4,sm=2,am=()=>{const[e,t]=k.useState(1),{featuredProducts:n}=Rl(),r=sm*ks,l=n.slice((e-1)*r,e*r),o=Math.ceil(n.length/r),i="Product List",u=d=>{t(d)},s=()=>{t(e+1)},a=()=>{t(e-1)};return k.useEffect(()=>{t(1)},[n]),v.jsxs("div",{id:"product-list-container",className:"px-40 pt-24 pb-40 flex",children:[v.jsx("div",{id:"product-list-sidebar"}),v.jsxs("div",{id:"product-list-content",children:[v.jsxs("div",{id:"product-list-title-and-sort",className:"mb-[60px]",children:[v.jsx("p",{className:"text-h5",children:i}),v.jsx("div",{id:"product-list-sort-box"})]}),v.jsx("div",{className:`grid grid-cols-${ks} gap-x-10 gap-y-[60px]`,children:l.map(d=>{const{id:f,name:h,description:g,price:y,promotionalPrice:w,ratings:E,imageUrls:p}=d;return v.jsx(qc,{name:h,description:g,price:y,promotionPrice:w,rating:E,imgUrl:p[0]},f)})}),v.jsx(um,{totalPages:o,currentPage:e,onPageChange:u,onNextPage:s,onPrevPage:a})]})]})},cm=()=>v.jsx(Ph,{children:v.jsx(kh,{children:v.jsxs(be,{path:"/wdb-sandbox/",element:v.jsx(bh,{}),children:[v.jsx(be,{index:!0,element:v.jsx(im,{})}),v.jsxs(be,{path:":category",children:[v.jsx(be,{index:!0,element:v.jsx(am,{})}),v.jsx(be,{path:":id",element:v.jsx(v.Fragment,{children:"Product Details"})})]}),v.jsx(be,{path:"cart",element:v.jsx(v.Fragment,{children:"Cart"})}),v.jsx(be,{path:"*",element:v.jsx(v.Fragment,{children:"Not Found"})})]})})}),fm=()=>v.jsx(cm,{}),dm=Ic(document.getElementById("root"));dm.render(v.jsx(k.StrictMode,{children:v.jsx(fm,{})})); + */const Eh="6";try{window.__reactRouterVersion=Eh}catch{}const Ch="startTransition",ms=wf[Ch];function Ph(e){let{basename:t,children:n,future:r,window:l}=e,o=k.useRef();o.current==null&&(o.current=zp({window:l,v5Compat:!0}));let i=o.current,[u,s]=k.useState({action:i.action,location:i.location}),{v7_startTransition:a}=r||{},d=k.useCallback(f=>{a&&ms?ms(()=>s(f)):s(f)},[s,a]);return k.useLayoutEffect(()=>i.listen(d),[i,d]),k.createElement(Sh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:i,future:r})}var vs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(vs||(vs={}));var gs;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(gs||(gs={}));const Nh=e=>{const{productList:t,handleClickProduct:n}=e;return v.jsxs("div",{className:"w-full px-40 py-6 bg-secondary-900 text-white",children:[v.jsxs("div",{id:"footer-content",className:"flex gap-[35px]",children:[v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h5",children:"Featured product"}),v.jsx("div",{className:"flex flex-col gap-4 mt-6",children:t.map((r,l)=>v.jsx("p",{className:"cursor-pointer text-subHeading",onClick:()=>n(r),children:r},l))})]}),v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h5",children:"Customer services"}),v.jsxs("div",{className:"flex flex-col gap-4 mt-6",children:[v.jsx("p",{className:"text-body",children:"MBK Tower 20th Floor, 444, Phaya Thai Rd, Wang Mai, Pathum Wan, Bangkok 10330"}),v.jsx("p",{className:"text-body",children:"Email: ratchitta.panyangam@gmail.com"})]})]})]}),v.jsxs("div",{id:"footer-credit",className:"flex justify-between items-center text-secondary-500 mt-4",children:[v.jsx("p",{className:"text-caption",children:"Copyright © 2024 All rights reserved for all contents. "}),v.jsxs("div",{className:"flex gap-2",children:[v.jsx("p",{className:"text-caption",children:"Powerd By"}),v.jsxs("div",{className:"flex items-center gap-2",children:[v.jsx("img",{src:"/assets/skooldio-logo.png",alt:"Skooldio"}),v.jsx("div",{className:"inline-block w-px self-stretch bg-neutral-100"}),v.jsx("img",{src:"/assets/web-dev-logo.png",alt:"Web Development Bootcamp"})]})]})]})]})};function _h(e,...t){if(typeof e=="function")throw new Error("You must supply the data as the first argument to tidy()");let n=e;for(const r of t)r&&(n=r(n));return n}function jh(e){return e==null?[]:Array.isArray(e)?e:[e]}class Lh extends Map{constructor(t,n=Rh){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:n}}),t!=null)for(const[r,l]of t)this.set(r,l)}get(t){return super.get(ys(this,t))}has(t){return super.has(ys(this,t))}set(t,n){return super.set(zh(this,t),n)}delete(t){return super.delete(Th(this,t))}}function ys({_intern:e,_key:t},n){const r=t(n);return e.has(r)?e.get(r):n}function zh({_intern:e,_key:t},n){const r=t(n);return e.has(r)?e.get(r):(e.set(r,n),n)}function Th({_intern:e,_key:t},n){const r=t(n);return e.has(r)&&(n=e.get(n),e.delete(r)),n}function Rh(e){return e!==null&&typeof e=="object"?e.valueOf():e}function ws(e){return e}function Oh(e,...t){return Mh(e,ws,ws,t)}function Mh(e,t,n,r){return function l(o,i){if(i>=r.length)return n(o);const u=new Lh,s=r[i++];let a=-1;for(const d of o){const f=s(d,++a,o),h=u.get(f);h?h.push(d):u.set(f,[d])}for(const[d,f]of u)u.set(d,l(f,i));return t(u)}(e,0)}function cl(e,t){if(e==null||typeof e!="object"||Array.isArray(e))return e;const n=Object.fromEntries(t.filter(r=>typeof r[0]!="function"&&r[0]!=null));return Object.assign(n,e)}function Tl(e,t,n,r,l,o=0){for(const[i,u]of e.entries()){const s=[...n,i];if(u instanceof Map){const a=r(t,s,o);Tl(u,a,s,r,l,o+1)}else l(t,s,u,o)}return t}function Fh(e,t,n=r=>r[r.length-1]){function r(i,u){const s=new Map;return i.set(n(u),s),s}function l(i,u,s){i.set(n(u),t(s,u))}const o=new Map;return Tl(e,o,[],r,l),o}const fl=e=>e;function Ih(e){const t=typeof e;return e!=null&&(t==="object"||t==="function")}function Ae(e,t,n){return typeof t=="function"?t=[t]:arguments.length===2&&t!=null&&!Array.isArray(t)&&(n=t),l=>{const o=Uh(l,e),i=Dh(o,t,n==null?void 0:n.addGroupKeys);if(n!=null&&n.export)switch(n.export){case"grouped":return i;case"levels":return ao(i,n);case"entries-obj":case"entriesObject":return ao(i,{...n,export:"levels",levels:["entries-object"]});default:return ao(i,{...n,export:"levels",levels:[n.export]})}return $h(i,n==null?void 0:n.addGroupKeys)}}Ae.grouped=e=>({...e,export:"grouped"});Ae.entries=e=>({...e,export:"entries"});Ae.entriesObject=e=>({...e,export:"entries-object"});Ae.object=e=>({...e,export:"object"});Ae.map=e=>({...e,export:"map"});Ae.keys=e=>({...e,export:"keys"});Ae.values=e=>({...e,export:"values"});Ae.levels=e=>({...e,export:"levels"});function Dh(e,t,n){let r=e;if(!(t!=null&&t.length))return r;for(const l of t)l&&(r=Fh(r,(o,i)=>{let s=l(o,{groupKeys:i});return n!==!1&&(s=s.map(a=>cl(a,i))),s}));return r}function Uh(e,t){const n=jh(t).map((l,o)=>{const i=typeof l=="function"?l:s=>s[l],u=new Map;return s=>{const a=i(s),d=Ih(a)?a.valueOf():a;if(u.has(d))return u.get(d);const f=[l,a];return u.set(d,f),f}});return Oh(e,...n)}function $h(e,t){const n=[];return Tl(e,n,[],fl,(r,l,o)=>{let i=o;t!==!1&&(i=o.map(u=>cl(u,l))),r.push(...i)}),n}const Bh=e=>e.join("/");function Ah(e){var t;const{flat:n,single:r,mapLeaf:l=fl,mapLeaves:o=fl,addGroupKeys:i}=e;let u;return e.flat&&(u=(t=e.compositeKey)!=null?t:Bh),{groupFn:(d,f)=>r?l(i===!1?d[0]:cl(d[0],f)):o(d.map(h=>l(i===!1?h:cl(h,f)))),keyFn:n?d=>u(d.map(f=>f[1])):d=>d[d.length-1][1]}}function ao(e,t){const{groupFn:n,keyFn:r}=Ah(t);let{mapEntry:l=fl}=t;const{levels:o=["entries"]}=t,i=[];for(const d of o)switch(d){case"entries":case"entries-object":case"entries-obj":case"entriesObject":{const f=(d==="entries-object"||d==="entries-obj"||d==="entriesObject")&&t.mapEntry==null?([h,g])=>({key:h,values:g}):l;i.push({id:"entries",createEmptySubgroup:()=>[],addSubgroup:(h,g,y,w)=>{h.push(f([y,g],w))},addLeaf:(h,g,y,w)=>{h.push(f([g,y],w))}});break}case"map":i.push({id:"map",createEmptySubgroup:()=>new Map,addSubgroup:(f,h,g)=>{f.set(g,h)},addLeaf:(f,h,g)=>{f.set(h,g)}});break;case"object":i.push({id:"object",createEmptySubgroup:()=>({}),addSubgroup:(f,h,g)=>{f[g]=h},addLeaf:(f,h,g)=>{f[h]=g}});break;case"keys":i.push({id:"keys",createEmptySubgroup:()=>[],addSubgroup:(f,h,g)=>{f.push([g,h])},addLeaf:(f,h)=>{f.push(h)}});break;case"values":i.push({id:"values",createEmptySubgroup:()=>[],addSubgroup:(f,h)=>{f.push(h)},addLeaf:(f,h,g)=>{f.push(g)}});break;default:typeof d=="object"&&i.push(d)}const u=(d,f,h)=>{var g,y;if(t.flat)return d;const w=(g=i[h])!=null?g:i[i.length-1],p=((y=i[h+1])!=null?y:w).createEmptySubgroup();return w.addSubgroup(d,p,r(f),h),p},s=(d,f,h,g)=>{var y;((y=i[g])!=null?y:i[i.length-1]).addLeaf(d,r(f),n(h,f),g)},a=i[0].createEmptySubgroup();return Tl(e,a,[],u,s)}const Zc=e=>{const{className:t}=e,n=t==null?void 0:t.includes("min-h-");return v.jsx("div",{...e,className:`flex w-full h-full justify-center items-center ${t}${n?"":" min-h-dvh"}`,children:v.jsxs("svg",{role:"status",className:"inline h-8 w-8 animate-spin mr-2 text-neutral-300 fill-primary-900",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[v.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),v.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]})})},Wh=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/categories")).json();t(s)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},Vh=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/products")).json();t(s.data)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},Jc=k.createContext({categories:{},featuredProducts:[],loading:!1}),Hh=({children:e})=>{const[t,n]=k.useState([]),{category:r}=uh(),{data:l,loading:o}=Wh(),i=_h(l,Ae("name",Ae.object())),{data:u,loading:s}=Vh();k.useEffect(()=>{if(r===void 0){n(u);return}const d=u==null?void 0:u.filter(f=>{const h=f.categories,g=i[r].map(y=>y.permalink);return h.some(y=>g.includes(y))});n(d)},[r,u]);const a=o||s;return a?v.jsx(Zc,{}):v.jsx(Jc.Provider,{value:{categories:i,featuredProducts:t,loading:a},children:e??v.jsx(Xc,{})})},Rl=()=>{const e=k.useContext(Jc);if(!e)throw new Error("useProduct must be used within a ProductProvider");return e},Qh=()=>{const e=Kc(),{categories:t}=Rl(),n=Object.keys(t),r=l=>{e(l)};return v.jsx(Nh,{productList:n,handleClickProduct:r})},Kh=["bg-secondary-300","cursor-not-allowed","text-secondary-500"],Gh=e=>{const{onClick:t,variant:n="primary",fullWidth:r,disabled:l,className:o,children:i,...u}=e,s=n==="primary"?["bg-secondary-900","text-white"]:[];return v.jsx("button",{onClick:t,disabled:l,className:`${o??""} ${l?Kh.join(" "):s.join(" ")} px-[10px] py-[17px] ${r?"w-full":"w-fit"}`,...u,children:i})},Yh=e=>v.jsx("i",{...e,children:v.jsx("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:v.jsx("path",{d:"M25.6 19.3L23.7 31.1M14.9 19.3L16.8 31.1M11 25.2H28.7M20.3 19.3V31.1M12.2 15.5L15.8 9.30002M24.7 9.20001L28.3 15.4M25.5 31.1H15C13.5 31.1 12.2 30.1 11.9 28.7L9.5 19.3H31L28.6 28.7C28.3 30.1 27 31.1 25.5 31.1ZM33.1 17.4C33.1 16.3 32.2 15.5 31.2 15.5H9.39999C8.29999 15.5 7.5 16.4 7.5 17.4C7.5 18.5 8.39999 19.3 9.39999 19.3H31.2C32.2 19.3 33.1 18.4 33.1 17.4Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})}),Xh=e=>v.jsx("i",{...e,children:v.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[v.jsx("path",{d:"M21.5002 19.3H30.3002L27.9002 28.7C27.5002 30.1 26.2002 31.1 24.8002 31.1H14.3002C12.8002 31.1 11.5002 30.1 11.2002 28.7L8.80017 19.3H17.5002M23.5002 27.8L24.3002 22.6M14.7002 22.6L15.5002 27.8M19.5002 22.6V27.8M30.4002 19.3C31.5002 19.3 32.3002 18.4 32.3002 17.4C32.3002 16.3 31.4002 15.5 30.4002 15.5H8.60019C7.50019 15.5 6.7002 16.4 6.7002 17.4C6.7002 18.5 7.60019 19.3 8.60019 19.3M11.5002 15.5L15.1002 9.29999M27.6002 15.5L24.0002 9.29999",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),v.jsx("circle",{cx:"29.5",cy:"14.5",r:"3.5",fill:"#FF000D"})]})}),Zh=e=>{const{tabList:t,handleClickTab:n,handleClickLogo:r,rightAdornment:l}=e;return v.jsx("div",{className:"w-full px-40 py-2.5 bg-secondary-900 text-white",children:v.jsxs("div",{id:"navbar-content",className:"flex justify-between items-center",children:[v.jsxs("div",{id:"left",className:"flex gap-10 items-center",children:[v.jsxs("div",{id:"logo",className:"cursor-pointer flex gap-2.5 items-center",onClick:r,children:[v.jsx("img",{className:"w-[36px] h-[36px] object-contain",src:"/assets/logo.svg",alt:"logo"}),v.jsx("p",{className:"text-subHeading",children:"WDB"})]}),v.jsx("div",{className:"flex gap-6",children:t.map((o,i)=>v.jsx("p",{className:"cursor-pointer",onClick:()=>n(o),children:o},i))})]}),l]})})},Jh=e=>e?v.jsx(Xh,{}):v.jsx(Yh,{}),qh=()=>{const e=Kc(),{categories:t}=Rl(),n=Object.keys(t),r=()=>{e("/wdb-sandbox/")},l=u=>{e(u)},o=()=>{};return v.jsx(Zh,{tabList:n,handleClickLogo:r,handleClickTab:l,rightAdornment:v.jsx("div",{className:"cursor-pointer",onClick:o,children:Jh(!1)})})},bh=e=>{const{children:t}=e;return v.jsxs(Hh,{children:[v.jsx(qh,{}),t??v.jsx(Xc,{}),v.jsx(Qh,{})]})},xs=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),em=(e,t)=>{const n=Math.pow(10,t||2);return Math.round(e*n)/n},Ss=["fa-solid","fa-star"].join(" "),tm=e=>{const{rating:t}=e;return v.jsx("div",{className:"flex gap-1",children:Array.from({length:5}).map((n,r)=>r{const{name:t,imgUrl:n,description:r,price:l,promotionPrice:o,rating:i}=e,u=o&&o{const{featuredProducts:e=[]}=Rl(),t=e.slice(0,4);return v.jsx("div",{className:"flex gap-10 w-full",children:t.map(n=>{const{id:r,name:l,description:o,price:i,promotionalPrice:u,ratings:s,imageUrls:a}=n;return v.jsx(qc,{name:l,description:o,price:i,promotionPrice:u,rating:s,imgUrl:a[0]},r)})})},rm=e=>{const{header:t,description:n,imgUrl:r,onClick:l}=e;return v.jsxs("div",{className:"flex-1 h-[500px] relative text-center text-white",children:[v.jsx("img",{className:"absolute object-none w-full h-full",src:r,alt:`image of ${t} content`}),v.jsxs("div",{className:"absolute bottom-0 p-4 flex flex-col w-full gap-4 justify-end items-center bg-gradient-to-b from-transparent to-[hsla(0,0%,0%,0.8)]",children:[v.jsx("p",{className:"text-h6",children:t}),v.jsx("p",{children:n}),v.jsx(Gh,{onClick:l,children:"View more"})]})]})},lm=()=>{const[e,t]=k.useState([]),[n,r]=k.useState(!0),[l,o]=k.useState(!0);return k.useEffect(()=>{(async()=>{try{const s=await(await fetch("https://api.storefront.wdb.skooldio.dev/collections")).json();t(s)}catch(u){console.error(u),o(!0)}finally{r(!1)}})()},[]),{data:e,loading:n,error:l}},om=()=>{const{data:e,loading:t}=lm(),n=e==null?void 0:e.find(o=>o.name==="Spring 2024"),{description:r="",items:l=[]}=n||{};return t?v.jsx(Zc,{className:"min-h-40"}):v.jsxs("div",{className:"flex gap-10",children:[v.jsxs("div",{className:"flex-1",children:[v.jsx("p",{className:"text-h1",children:"2024"}),v.jsx("p",{className:"text-h3",children:"Collection"}),v.jsx("p",{children:r})]}),l.map(o=>{const{title:i,description:u,imageUrl:s}=o;return v.jsx(rm,{header:i,description:u,imgUrl:s,onClick:()=>{}},o.title)})]})},im=()=>v.jsxs("div",{children:[v.jsx("div",{id:"home-cover",className:'h-[420px] bg-cover bg-center overflow-hidden bg-[url("assets/images/cover.png")]'}),v.jsxs("div",{id:"home-container",className:"px-40 pt-24 pb-40 flex flex-col justify-center",children:[v.jsx(om,{}),v.jsxs("div",{id:"home-product",children:[v.jsx("p",{className:"text-h5 w-full text-center mt-32 mb-16",children:"Featured Product"}),v.jsx(nm,{})]})]})]}),um=e=>{const{totalPages:t,currentPage:n,onPageChange:r,onNextPage:l,onPrevPage:o}=e,i=n===1,u=n===t;return v.jsxs("div",{className:"flex justify-center items-center mt-10",children:[v.jsx("i",{className:`fa-solid fa-angle-left px-4 py-2${i?" opacity-0":" cursor-pointer"}`,onClick:i?()=>{}:o}),v.jsx("div",{children:Array.from({length:t},(s,a)=>{const d=a+1;return v.jsx("button",{onClick:()=>r(d),className:`${n===d?"bg-primary-900 text-white border-primary-900":"bg-white text-secondary-900"} px-4 py-2 border border-neutral-200 ml-[-1px]`,children:d},d)})}),v.jsx("i",{className:`fa-solid fa-angle-right px-4 py-2${u?" opacity-0":" cursor-pointer"}`,onClick:u?()=>{}:l})]})},ks=4,sm=2,am=()=>{const[e,t]=k.useState(1),{featuredProducts:n}=Rl(),r=sm*ks,l=n.slice((e-1)*r,e*r),o=Math.ceil(n.length/r),i="Product List",u=d=>{t(d)},s=()=>{t(e+1)},a=()=>{t(e-1)};return k.useEffect(()=>{t(1)},[n]),v.jsxs("div",{id:"product-list-container",className:"px-40 pt-24 pb-40 flex",children:[v.jsx("div",{id:"product-list-sidebar"}),v.jsxs("div",{id:"product-list-content",children:[v.jsxs("div",{id:"product-list-title-and-sort",className:"mb-[60px]",children:[v.jsx("p",{className:"text-h5",children:i}),v.jsx("div",{id:"product-list-sort-box"})]}),v.jsx("div",{className:`grid grid-cols-${ks} gap-x-10 gap-y-[60px]`,children:l.map(d=>{const{id:f,name:h,description:g,price:y,promotionalPrice:w,ratings:E,imageUrls:p}=d;return v.jsx(qc,{name:h,description:g,price:y,promotionPrice:w,rating:E,imgUrl:p[0]},f)})}),v.jsx(um,{totalPages:o,currentPage:e,onPageChange:u,onNextPage:s,onPrevPage:a})]})]})},cm=()=>v.jsx(Ph,{children:v.jsx(kh,{children:v.jsxs(be,{path:"/wdb-sandbox/",element:v.jsx(bh,{}),children:[v.jsx(be,{index:!0,element:v.jsx(im,{})}),v.jsxs(be,{path:":category",children:[v.jsx(be,{index:!0,element:v.jsx(am,{})}),v.jsx(be,{path:":id",element:v.jsx(v.Fragment,{children:"Product Details"})})]}),v.jsx(be,{path:"cart",element:v.jsx(v.Fragment,{children:"Cart"})}),v.jsx(be,{path:"*",element:v.jsx(v.Fragment,{children:"Not Found"})})]})})}),fm=()=>v.jsx(cm,{}),dm=Ic(document.getElementById("root"));dm.render(v.jsx(k.StrictMode,{children:v.jsx(fm,{})})); diff --git a/docs/index.html b/docs/index.html index 7dae2b3..c1ced18 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,7 +5,6 @@ WDB - - + diff --git a/index.html b/index.html index d9da427..e3ccc19 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,6 @@ WDB - {

Powerd By

- Skooldio + Skooldio
- Web Development Bootcamp + Web Development Bootcamp
diff --git a/src/Components/NavBar/NavBar.tsx b/src/Components/NavBar/NavBar.tsx index 348b207..d257080 100644 --- a/src/Components/NavBar/NavBar.tsx +++ b/src/Components/NavBar/NavBar.tsx @@ -13,7 +13,7 @@ const NavBar = (props: NavBarProps) => {
diff --git a/vite.config.ts b/vite.config.ts index fc64dbb..3191689 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -10,4 +10,7 @@ export default defineConfig({ }, }, base: '/wdb-sandbox/', + build: { + outDir: 'docs', + }, });