{"version":3,"file":"CoverLayout-CTvMrL-J.js","sources":["../../../app/javascript/components/profile/UserNav.tsx","../../../app/javascript/layouts/CoverLayout.tsx"],"sourcesContent":["import TabsNavContainer from \"components/shared/TabsNavContainer\";\nimport TabLink from \"hardcover-ui/components/TabLink\";\nimport { UserSerializersUserByline } from \"types/serializers\";\n\ntype Props = {\n  user: UserSerializersUserByline\n  className?: string;\n};\n\nconst SIZE = \"md\";\n\nexport default function UserNav({ user, className }: Props) {\n  return (\n    <TabsNavContainer className={className}>\n      <TabLink\n        size={SIZE}\n        href={`/@${user.username}`}\n        className=\"flex items-center space-x-2 flex-none\"\n      >\n        <span>@{user.username}</span>\n      </TabLink>\n      <TabLink href={`/@${user.username}/books`} size={SIZE} greedy>\n        <>Books</>\n      </TabLink>\n      <TabLink href={`/@${user.username}/stats`} size={SIZE}>\n        <>Stats</>\n      </TabLink>\n      <TabLink href={`/@${user.username}/reviews`} size={SIZE} greedy>\n        <>Reviews</>\n      </TabLink>\n      <TabLink href={`/@${user.username}/lists`} size={SIZE} greedy>\n        <>Lists</>\n      </TabLink>\n      <TabLink\n        href={`/@${user.username}/prompts/answered`}\n        size={SIZE}\n        greedy={`/@${user.username}/prompts`}\n      >\n        <>Prompts</>\n      </TabLink>\n      <TabLink href={`/@${user.username}/goals`} size={SIZE} greedy>\n        <>Goals</>\n      </TabLink>\n      <TabLink\n        href={`/@${user.username}/network/following`}\n        size={SIZE}\n        greedy={`/@${user.username}/network`}\n      >\n        <>Network</>\n      </TabLink>\n      <TabLink href={`/@${user.username}/activity`} size={SIZE} greedy>\n        <>Activity</>\n      </TabLink>\n\n      {/* <ActiveLink\n        href=\"#badges\"\n        active={activeLinkClass}\n        inactive={inactiveLinkClass}\n      >\n        <>Badges</>\n      </ActiveLink> */}\n    </TabsNavContainer>\n  );\n}\n","import React, { ReactNode } from \"react\";\nimport classNames from \"lib/classNames\";\nimport Container from \"hardcover-ui/components/Container\";\nimport { ImageSerializersImage } from \"types/serializers\";\n\ninterface CoverLayoutProps {\n  children: ReactNode;\n  cover: ImageSerializersImage;\n}\n\nexport default function CoverLayout({ children, cover }: CoverLayoutProps) {\n  return (\n    <div className=\"relative -mt-[64px] pt-[64px]\">\n      <div\n        className=\"absolute top-0 left-0 w-full md:h-[350px] h-[150px] bg-cover bg-center opacity-60 fade-bottom-sm\"\n        style={{\n          backgroundImage: `url('${cover.url}')`,\n        }}\n      >\n        <div\n          className={classNames(\n            \"bg-gradient-to-b from-transparent to-background h-full flex flex-col justify-end items-center\",\n            \"lg:from-50% lg:to-100%\",\n            \"to-80%\"\n          )}\n        />\n      </div>\n\n      {/* Content Container */}\n      <Container\n        size=\"lg\"\n        variant=\"layout\"\n        className=\"relative mt-4 sm:mt-10 xl:mt-14 2xl:mt-20 md:bg-white/70 md:dark:bg-gray-800/70 backdrop-blur-md rounded-t-3xl border-t border-secondary transition-all duration-200 ease-in-out\"\n      >\n        {children}\n      </Container>\n    </div>\n  );\n}\n"],"names":["SIZE","UserNav","user","className","jsxs","TabsNavContainer","jsx","TabLink","Fragment","CoverLayout","children","cover","classNames","Container"],"mappings":"4NASA,MAAMA,EAAO,KAEb,SAAwBC,EAAQ,CAAE,KAAAC,EAAM,UAAAC,GAAoB,CAExD,OAAAC,OAACC,GAAiB,UAAAF,EAChB,SAAA,CAAAG,EAAA,IAACC,EAAA,CACC,KAAMP,EACN,KAAM,KAAKE,EAAK,QAAQ,GACxB,UAAU,wCAEV,gBAAC,OAAK,CAAA,SAAA,CAAA,IAAEA,EAAK,QAAA,EAAS,CAAA,CACxB,EACCI,MAAAC,EAAA,CAAQ,KAAM,KAAKL,EAAK,QAAQ,SAAU,KAAMF,EAAM,OAAM,GAC3D,SAAAM,EAAA,IAAAE,EAAA,SAAA,CAAE,gBAAK,CAAA,EACT,EACAF,EAAA,IAACC,EAAQ,CAAA,KAAM,KAAKL,EAAK,QAAQ,SAAU,KAAMF,EAC/C,SAAEM,MAAAE,EAAAA,SAAA,CAAA,SAAA,OAAK,CAAA,EACT,EACCF,MAAAC,EAAA,CAAQ,KAAM,KAAKL,EAAK,QAAQ,WAAY,KAAMF,EAAM,OAAM,GAC7D,SAAAM,EAAA,IAAAE,EAAA,SAAA,CAAE,kBAAO,CAAA,EACX,EACCF,MAAAC,EAAA,CAAQ,KAAM,KAAKL,EAAK,QAAQ,SAAU,KAAMF,EAAM,OAAM,GAC3D,SAAAM,EAAA,IAAAE,EAAA,SAAA,CAAE,gBAAK,CAAA,EACT,EACAF,EAAA,IAACC,EAAA,CACC,KAAM,KAAKL,EAAK,QAAQ,oBACxB,KAAMF,EACN,OAAQ,KAAKE,EAAK,QAAQ,WAE1B,2BAAE,SAAO,SAAA,CAAA,CAAA,CACX,EACCI,MAAAC,EAAA,CAAQ,KAAM,KAAKL,EAAK,QAAQ,SAAU,KAAMF,EAAM,OAAM,GAC3D,SAAAM,EAAA,IAAAE,EAAA,SAAA,CAAE,gBAAK,CAAA,EACT,EACAF,EAAA,IAACC,EAAA,CACC,KAAM,KAAKL,EAAK,QAAQ,qBACxB,KAAMF,EACN,OAAQ,KAAKE,EAAK,QAAQ,WAE1B,2BAAE,SAAO,SAAA,CAAA,CAAA,CACX,EACCI,MAAAC,EAAA,CAAQ,KAAM,KAAKL,EAAK,QAAQ,YAAa,KAAMF,EAAM,OAAM,GAC9D,SAAAM,EAAA,IAAAE,EAAA,SAAA,CAAE,mBAAQ,CAAA,EACZ,CASF,CAAA,CAAA,CAEJ,CCrDA,SAAwBC,EAAY,CAAE,SAAAC,EAAU,MAAAC,GAA2B,CAEvE,OAAAP,EAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAAAE,EAAA,IAAC,MAAA,CACC,UAAU,mGACV,MAAO,CACL,gBAAiB,QAAQK,EAAM,GAAG,IACpC,EAEA,SAAAL,EAAA,IAAC,MAAA,CACC,UAAWM,EACT,gGACA,yBACA,QACF,CAAA,CACF,CAAA,CACF,EAGAN,EAAA,IAACO,EAAA,CACC,KAAK,KACL,QAAQ,SACR,UAAU,mLAET,SAAAH,CAAA,CACH,CACF,CAAA,CAAA,CAEJ"}