https://skindex.info/_next/static/chunks/374-b09f730a652e5b57.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[374],{374:(e,s,r)=>{r.d(s,{A:()=>m});var t=r(6514),a=r(6456),n=r.n(a),o=r(6225),l=r(5834),i=r(1842);function c(){var e;let{user:s,signOut:r,loading:a}=(0,i.A)(),[o,c]=(0,l.useState)(!1),[d,h]=(0,l.useState)(()=>{try{let e=sessionStorage.getItem("skindex_steam_account");return e?JSON.parse(e):null}catch(e){return null}}),m=(0,l.useRef)(null);(0,l.useEffect)(()=>{s&&(async()=>{try{var e;let s=await fetch("/api/user/steam"),r=await s.json();r.success&&(null==(e=r.accounts)?void 0:e.length)>0?(h(r.accounts[0]),sessionStorage.setItem("skindex_steam_account",JSON.stringify(r.accounts[0]))):sessionStorage.removeItem("skindex_steam_account")}catch(e){console.error("Failed to fetch Steam account:",e)}})()},[s]),(0,l.useEffect)(()=>{let e=e=>{m.current&&!m.current.contains(e.target)&&c(!1)};return o&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[o]);let x=async()=>{try{sessionStorage.removeItem("skindex_steam_account"),await r(),c(!1)}catch(e){console.error("Sign out failed:",e)}};if(a)return(0,t.jsx)("div",{className:"flex items-center gap-2 px-3 py-2",children:(0,t.jsx)("div",{className:"text-sm text-gray-400",children:"Loading..."})});if(!s)return(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(n(),{href:"/auth/login",className:"px-4 py-2 text-sm text-gray-300 hover:text-white transition-colors",children:"Sign In"}),(0,t.jsx)(n(),{href:"/auth/signup",className:"px-4 py-2 text-sm bg-steam-accent hover:bg-opacity-90 text-white rounded-sm transition-colors",children:"Sign Up"})]});let u=function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:12;return e.length<=s?e:e.slice(0,s-1)+"…"}((null==d?void 0:d.persona_name)?d.persona_name:s.email||"User"),v=null==d?void 0:d.avatar_url,f=(null==(e=s.email)?void 0:e.charAt(0).toUpperCase())||"?";return(0,t.jsxs)("div",{className:"relative",ref:m,children:[(0,t.jsxs)("button",{onClick:()=>c(!o),className:"flex items-center gap-2 px-3 py-2 text-sm text-gray-300 hover:text-white hover:bg-steam-lightBlue rounded-sm transition-colors max-w-[180px]",children:[v?(0,t.jsx)("img",{src:v,alt:"",className:"w-8 h-8 rounded-sm flex-shrink-0"}):(0,t.jsx)("div",{className:"w-8 h-8 bg-steam-lightBlue rounded-sm flex items-center justify-center flex-shrink-0",children:(0,t.jsx)("span",{className:"text-gray-100 font-medium",children:f})}),(0,t.jsx)("span",{className:"hidden md:inline truncate",children:u}),(0,t.jsx)("svg",{className:"w-4 h-4 transition-transform flex-shrink-0",style:{transform:o?"rotate(180deg)":"none"},fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),o&&(0,t.jsxs)("div",{className:"absolute left-0 mt-2 w-48 bg-steam-blue border border-steam-lightBlue rounded-sm shadow-lg z-50",children:[(0,t.jsxs)("div",{className:"px-4 py-3 border-b border-steam-lightBlue",children:[(0,t.jsx)("p",{className:"text-sm text-gray-300",children:"Signed in as"}),(0,t.jsx)("p",{className:"text-sm font-medium text-gray-100 truncate",children:s.email}),(null==d?void 0:d.persona_name)&&(0,t.jsxs)("p",{className:"text-xs text-gray-400 truncate mt-1",children:["Steam: ",d.persona_name]})]}),(0,t.jsx)("div",{className:"py-2",children:(0,t.jsx)(n(),{href:"/profile",onClick:()=>c(!1),className:"block px-4 py-2 text-sm text-gray-300 hover:bg-steam-lightBlue hover:text-white transition-colors",children:"Profile"})}),(0,t.jsx)("div",{className:"border-t border-steam-lightBlue py-2",children:(0,t.jsx)("button",{onClick:x,className:"w-full text-left px-4 py-2 text-sm text-red-400 hover:bg-steam-lightBlue transition-colors",children:"Sign Out"})})]})]})}function d(e){let{href:s,icon:r,label:a,active:o}=e;return(0,t.jsxs)(n(),{href:s,className:"sidebar-link ".concat(o?"active":""),children:[r,(0,t.jsx)("span",{children:a})]})}function h(){let e=(0,o.useRouter)().pathname;return(0,t.jsxs)("aside",{className:"w-56 bg-steam-darkBlue border-r border-steam-lightBlue h-screen flex flex-col flex-shrink-0 overflow-hidden",children:[(0,t.jsx)(n(),{href:"/",className:"block px-4 py-6 pb-5 border-b border-steam-lightBlue flex-shrink-0 hover:bg-steam-hover transition-colors",children:(0,t.jsxs)("div",{className:"flex items-center gap-[3px]",children:[(0,t.jsx)("img",{src:"/logo.png",alt:"Skindex",className:"h-16 w-auto"}),(0,t.jsx)("h1",{className:"text-2xl font-extrabold tracking-tight bg-gradient-to-r from-amber-400 to-amber-600 bg-clip-text text-transparent",children:"Skindex"})]})}),(0,t.jsx)("div",{className:"px-4 py-3 border-b border-steam-lightBlue flex-shrink-0",children:(0,t.jsx)(c,{})}),(0,t.jsxs)("nav",{className:"flex-1 py-4 overflow-y-auto overflow-x-hidden",children:[(0,t.jsx)(d,{href:"/statistics",active:"/statistics"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})}),label:"Statistics"}),(0,t.jsx)(d,{href:"/history",active:"/history"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"})}),label:"History"}),(0,t.jsx)(d,{href:"/tradeups",active:"/tradeups"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"})}),label:"Tradeups"}),(0,t.jsx)(d,{href:"/rarities",active:"/rarities"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"})}),label:"Cases"}),(0,t.jsx)(d,{href:"/leaderboard",active:"/leaderboard"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})}),label:"Leaderboard"}),(0,t.jsx)(d,{href:"/session",active:"/session"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),label:"Session"}),(0,t.jsx)(d,{href:"/sync",active:"/sync"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),label:"Sync"}),(0,t.jsx)("div",{className:"my-2 border-t border-steam-lightBlue"}),(0,t.jsx)(d,{href:"/profile",active:"/profile"===e,icon:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})}),label:"Profile"})]}),(0,t.jsxs)("div",{className:"px-4 py-4 border-t border-steam-lightBlue text-xs text-gray-400 flex-shrink-0",children:[(0,t.jsxs)("a",{href:"https://chromewebstore.google.com/detail/skindex/fflcjlpnngoogmlpinpbndabmjkhlmdc",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-1.5 text-gray-400 hover:text-gray-200 transition-colors mb-2",children:[(0,t.jsx)("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:"

1currentColor",children:(0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 2c1.93 0 3.68.7 5.05 1.84L12 12V4zm-6.95 4.2A7.96 7.96 0 0112 4.04L7.05 12 5.05 8.2zM4 12c0-1.2.27-2.33.74-3.35L12 12l-3.35 7.26A8.01 8.01 0 014 12zm8 8a7.95 7.95 0 01-3.35-.74L12 12l7.26 3.35A8.01 8.01 0 0112 20zm5.05-1.84L12 12l6.95-3.8c.47 1.02.74 2.15.74 3.35 0 2.42-1.08 4.59-2.78 6.06z"})}),"Get Chrome Extension"]}),(0,t.jsxs)("a",{href:"https://discord.gg/b7NH64zz",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-1.5 text-gray-400 hover:text-gray-200 transition-colors mb-2",children:[(0,t.jsx)("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("path",{d:"M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"})}),"Join Discord"]}),(0,t.jsx)("div",{children:"CS2 Inventory Analytics"}),(0,t.jsx)("div",{className:"mt-1",children:"Skindex v1.0.0"})]})]})}function m(e){let{children:s}=e;return(0,t.jsxs)("div",{className:"flex min-h-screen overflow-hidden",children:[(0,t.jsx)(h,{}),(0,t.jsx)("main",{className:"flex-1 bg-steam-dark overflow-y-auto overflow-x-hidden",children:s})]})}}}]);