https://devstations.vercel.app/_next/static/chunks/1575-5e7dc80fb5926f86.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1575],{26622:(e,s,t)=>{t.d(s,{SQ:()=>d,_2:()=>o,mB:()=>c,rI:()=>n,ty:()=>i});var a=t(39868);t(45776);var r=t(92625),l=t(36882);function n(e){let{...s}=e;return(0,a.jsx)(r.bL,{"data-slot":"dropdown-menu",...s})}function i(e){let{...s}=e;return(0,a.jsx)(r.l9,{"data-slot":"dropdown-menu-trigger",...s})}function d(e){let{className:s,sideOffset:t=4,...n}=e;return(0,a.jsx)(r.ZL,{children:(0,a.jsx)(r.UC,{"data-slot":"dropdown-menu-content",sideOffset:t,className:(0,l.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",s),...n})})}function o(e){let{className:s,inset:t,variant:n="default",...i}=e;return(0,a.jsx)(r.q7,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":n,className:(0,l.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s),...i})}function c(e){let{className:s,...t}=e;return(0,a.jsx)(r.wv,{"data-slot":"dropdown-menu-separator",className:(0,l.cn)("bg-border -mx-1 my-1 h-px",s),...t})}},36882:(e,s,t)=>{t.d(s,{cn:()=>l});var a=t(84778),r=t(61434);function l(){for(var e=arguments.length,s=Array(e),t=0;t<e;t++)s[t]=arguments[t];return(0,r.QP)((0,a.$)(s))}},41575:(e,s,t)=>{t.d(s,{default:()=>z});var a=t(39868),r=t(45776),l=t(1),n=t.n(l),i=t(67425),d=t(32196),o=t(13923),c=t(66232),m=t(36882);function h(e){let{...s}=e;return(0,a.jsx)(o.bL,{"data-slot":"sheet",...s})}function u(e){let{...s}=e;return(0,a.jsx)(o.l9,{"data-slot":"sheet-trigger",...s})}function x(e){let{...s}=e;return(0,a.jsx)(o.ZL,{"data-slot":"sheet-portal",...s})}function f(e){let{className:s,...t}=e;return(0,a.jsx)(o.hJ,{"data-slot":"sheet-overlay",className:(0,m.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",s),...t})}function v(e){let{className:s,children:t,side:r="right",...l}=e;return(0,a.jsxs)(x,{children:[(0,a.jsx)(f,{}),(0,a.jsxs)(o.UC,{"data-slot":"sheet-content",className:(0,m.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500","right"===r&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","left"===r&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","top"===r&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b","bottom"===r&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",s),...l,children:[t,(0,a.jsxs)(o.bm,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,a.jsx)(c.A,{className:"size-4"}),(0,a.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}var g=t(58997),j=t(26622),p=t(54600),b=t(7426),N=t(87812),w=t(70861),y=t(28839),k=t(37131),A=t(88295),C=t(98538);let z=()=>{var e,s,t,l,o,c,m,x,f,z;let{data:_,status:L}=(0,d.useSession)(),[S,$]=(0,r.useState)(!1),U="loading"===L;return(0,r.useEffect)(()=>{let e=()=>{$(window.scrollY>10)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),(0,a.jsx)("header",{className:"fixed top-0 left-0 right-0 z-50 transition-all duration-300".concat(S?" bg-black/90 backdrop-blur-sm shadow-md":" bg-transparent"),children:(0,a.jsx)("div",{className:"container mx-auto px-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,a.jsxs)(n(),{href:"/",className:"flex items-center",children:[(0,a.jsx)("div",{className:"relative h-8 w-8 mr-2",children:(0,a.jsx)(i.default,{src:"/logo.png",alt:"DevStation",width:32,height:32,className:"object-contain"})}),(0,a.jsx)("span",{className:"text-lg font-bold text-white",children:"DevStation"})]}),(0,a.jsxs)("nav",{className:"hidden md:flex items-center space-x-6",children:[(0,a.jsx)(n(),{href:"/learn",className:"text-gray-300 hover:text-yellow-400 transition-colors",children:(0,a.jsxs)("span",{className:"flex items-center",children:[(0,a.jsx)(p.A,{className:"h-4 w-4 mr-1"}),"Learn"]})}),(0,a.jsx)(n(),{href:"/challenges",className:"text-gray-300 hover:text-yellow-400 transition-colors",children:(0,a.jsxs)("span",{className:"flex items-center",children:[(0,a.jsx)(b.A,{className:"h-4 w-4 mr-1"}),"Challenges"]})}),(0,a.jsx)(n(),{href:"/community",className:"text-gray-300 hover:text-yellow-400 transition-colors",children:(0,a.jsxs)("span",{className:"flex items-center",children:[(0,a.jsx)(N.A,{className:"h-4 w-4 mr-1"}),"Community"]})}),(0,a.jsx)(n(),{href:"/resources",className:"text-gray-300 hover:text-yellow-400 transition-colors",children:(0,a.jsxs)("span",{className:"flex items-center",children:[(0,a.jsx)(w.A,{className:"h-4 w-4 mr-1"}),"Resources"]})}),(0,a.jsx)(n(),{href:"/mentorship",className:"text-gray-300 hover:text-yellow-400 transition-colors",children:(0,a.jsxs)("span",{className:"flex items-center",children:[(0,a.jsx)(y.A,{className:"h-4 w-4 mr-1"}),"Mentorship"]})})]}),(0,a.jsx)("div",{className:"hidden md:flex items-center space-x-4",children:U?(0,a.jsx)(()=>(0,a.jsxs)("div",{className:"hidden md:flex items-center space-x-4",children:[(0,a.jsx)("div",{className:"h-9 w-20 bg-gray-800 rounded animate-pulse"}),(0,a.jsx)("div",{className:"h-9 w-24 bg-gray-800 rounded animate-pulse"})]}),{}):_?(0,a.jsxs)(j.rI,{children:[(0,a.jsx)(j.ty,{asChild:!0,children:(0,a.jsx)(g.$,{variant:"ghost",className:"relative h-10 w-10 rounded-full",children:(null===(e=_.user)||void 0===e?void 0:e.image)&&(0,a.jsxs)(C.eu,{children:[(0,a.jsx)(C.BK,{src:_.user.image}),(0,a.jsx)(C.q5,{children:"CN"})]})})}),(0,a.jsxs)(j.SQ,{align:"end",className:"w-56",children:[(0,a.jsxs)("div",{className:"flex items-center justify-start gap-2 p-2",children:[(0,a.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-yellow-500",children:(null===(t=_.user)||void 0===t?void 0:null===(s=t.name)||void 0===s?void 0:s.charAt(0))||"U"}),(0,a.jsxs)("div",{className:"flex flex-col space-y-0.5",children:[(0,a.jsx)("p",{className:"text-sm font-medium",children:null===(l=_.user)||void 0===l?void 0:l.name}),(0,a.jsx)("p",{className:"text-xs text-gray-400",children:null===(o=_.user)||void 0===o?void 0:o.email})]})]}),(0,a.jsx)(j.mB,{}),(0,a.jsx)(j._2,{asChild:!0,children:(0,a.jsxs)(n(),{href:"/dashboard",className:"cursor-pointer flex w-full items-center",children:[(0,a.jsx)(y.A,{className:"mr-2 h-4 w-4"}),"Profile"]})}),(0,a.jsxs)(j._2,{onClick:()=>(0,d.signOut)(),className:"cursor-pointer text-red-500",children:[(0,a.jsx)(k.A,{className:"mr-2 h-4 w-4"}),"Logout"]})]})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g.$,{variant:"ghost",asChild:!0,className:"text-gray-300 hover:text-white",children:(0,a.jsx)(n(),{href:"/auth?tab=login",children:"Login"})}),(0,a.jsx)(g.$,{className:"bg-yellow-500 hover:bg-yellow-400 text-black",children:(0,a.jsx)(n(),{href:"/auth?tab=signup",children:"Sign Up"})})]})}),(0,a.jsxs)(h,{children:[(0,a.jsx)(u,{asChild:!0,className:"md:hidden",children:(0,a.jsx)(g.$,{variant:"ghost",size:"icon",className:"text-white h-8 w-8 p-0",children:(0,a.jsx)(A.A,{className:"h-5 w-5"})})}),(0,a.jsx)(v,{side:"right",className:"bg-gray-900 text-white border-gray-800",children:(0,a.jsxs)("div",{className:"flex flex-col h-full",children:[(0,a.jsxs)("div",{className:"flex items-center mb-8 mt-4",children:[(0,a.jsx)("div",{className:"relative h-7 w-7 mr-2",children:(0,a.jsx)(i.default,{src:"/logo.png",alt:"DevStation",width:28,height:28,className:"object-contain"})}),(0,a.jsx)("span",{className:"text-lg font-bold text-white",children:"DevStation"})]}),(0,a.jsxs)("nav",{className:"flex flex-col space-y-4",children:[(0,a.jsxs)(n(),{href:"/learn",className:"flex items-center p-2 rounded-md hover:bg-gray-800",children:[(0,a.jsx)(p.A,{className:"h-5 w-5 mr-3 text-yellow-400"}),"Learn"]}),(0,a.jsxs)(n(),{href:"/challenges",className:"flex items-center p-2 rounded-md hover:bg-gray-800",children:[(0,a.jsx)(b.A,{className:"h-5 w-5 mr-3 text-yellow-400"}),"Challenges"]}),(0,a.jsxs)(n(),{href:"/community",className:"flex items-center p-2 rounded-md hover:bg-gray-800",children:[(0,a.jsx)(N.A,{className:"h-5 w-5 mr-3 text-yellow-400"}),"Community"]}),(0,a.jsxs)(n(),{href:"/resources",className:"flex items-center p-2 rounded-md hover:bg-gray-800",children:[(0,a.jsx)(w.A,{className:"h-5 w-5 mr-3 text-yellow-400"}),"Resources"]}),(0,a.jsxs)(n(),{href:"/mentorship",className:"flex items-center p-2 rounded-md hover:bg-gray-800",children:[(0,a.jsx)(y.A,{className:"h-5 w-5 mr-3 text-yellow-400"}),"Mentorship"]})]}),(0,a.jsx)("div",{className:"mt-auto mb-6",children:U?(0,a.jsx)(()=>(0,a.jsxs)("div",{className:"border-t border-gray-800 pt-4 mt-4",children:[(0,a.jsxs)("div",{className:"flex items-center mb-4 p-2",children:[(0,a.jsx)("div",{className:"h-10 w-10 bg-gray-800 rounded-full animate-pulse mr-3"}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("div",{className:"h-4 w-24 bg-gray-800 rounded animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-32 bg-gray-800/50 rounded animate-pulse"})]})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("div",{className:"h-9 w-full bg-gray-800 rounded animate-pulse"}),(0,a.jsx)("div",{className:"h-9 w-full bg-gray-800/50 rounded animate-pulse"})]})]}),{}):_?(0,a.jsxs)("div",{className:"border-t border-gray-800 pt-4 mt-4",children:[(0,a.jsxs)("div",{className:"flex items-center mb-4 p-2",children:[(null===(c=_.user)||void 0===c?void 0:c.image)?(0,a.jsx)(i.default,{src:_.user.image,alt:_.user.name||"User",width:40,height:40,className:"rounded-full mr-3"}):(0,a.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-yellow-500 text-black font-medium mr-3",children:(null===(x=_.user)||void 0===x?void 0:null===(m=x.name)||void 0===m?void 0:m.charAt(0))||"U"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:null===(f=_.user)||void 0===f?void 0:f.name}),(0,a.jsx)("p",{className:"text-xs text-gray-400",children:null===(z=_.user)||void 0===z?void 0:z.email})]})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(g.$,{variant:"ghost",className:"w-full justify-start",asChild:!0,children:(0,a.jsxs)(n(),{href:"/dashboard",className:"flex items-center",children:[(0,a.jsx)(y.A,{className:"mr-2 h-4 w-4"}),"Profile"]})}),(0,a.jsxs)(g.$,{variant:"destructive",className:"w-full justify-start bg-red-900/50 hover:bg-red-900",onClick:()=>(0,d.signOut)(),children:[(0,a.jsx)(k.A,{className:"mr-2 h-4 w-4"}),"Logout"]})]})]}):(0,a.jsxs)("div",{className:"border-t border-gray-800 pt-4 mt-4 space-y-3",children:[(0,a.jsx)(g.$,{variant:"outline",className:"w-full border-gray-700",asChild:!0,children:(0,a.jsx)(n(),{href:"/auth?tab=login",children:"Login"})}),(0,a.jsx)(g.$,{className:"w-full bg-yellow-500 hover:bg-yellow-400 text-black",asChild:!0,children:(0,a.jsx)(n(),{href:"/auth?tab=signup",children:"Sign Up"})})]})})]})})]})]})})})}},58997:(e,s,t)=>{t.d(s,{$:()=>d,r:()=>i});var a=t(39868);t(45776);var r=t(52854),l=t(61020),n=t(36882);let i=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function d(e){let{className:s,variant:t,size:l,asChild:d=!1,...o}=e,c=d?r.DX:"button";return(0,a.jsx)(c,{"data-slot":"button",className:(0,n.cn)(i({variant:t,size:l,className:s})),...o})}},98538:(e,s,t)=>{t.d(s,{BK:()=>i,eu:()=>n,q5:()=>d});var a=t(39868);t(45776);

1var r=t(63957),l=t(36882);function n(e){let{className:s,...t}=e;return(0,a.jsx)(r.bL,{"data-slot":"avatar",className:(0,l.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full",s),...t})}function i(e){let{className:s,...t}=e;return(0,a.jsx)(r._V,{"data-slot":"avatar-image",className:(0,l.cn)("aspect-square size-full",s),...t})}function d(e){let{className:s,...t}=e;return(0,a.jsx)(r.H4,{"data-slot":"avatar-fallback",className:(0,l.cn)("bg-muted flex size-full items-center justify-center rounded-full",s),...t})}}}]);