{"version":3,"file":"ProfileWrapper-os2AqkjS.js","sources":["../../../app/javascript/components/profile/ProfileMiniHeader.tsx","../../../app/javascript/components/profile/ProfileWrapper.tsx"],"sourcesContent":["import UserNav from \"components/profile/UserNav\";\nimport Container from \"hardcover-ui/components/Container\";\nimport { UserSerializersUserByline } from \"types/serializers\";\nimport Heading from \"hardcover-ui/components/Heading\";\nimport Badge from \"hardcover-ui/components/Badge\";\nimport Avatar from \"hardcover-ui/components/Avatar\";\nimport LocaleNumber from \"components/ui/LocaleNumber\";\nimport FollowUserButton from \"components/FollowUserButton/FollowUserButton\";\nimport pluralize from \"lib/pluralize\";\n\nexport default function ProfileMiniHeader({\n  user,\n}: {\n  user: UserSerializersUserByline;\n}) {\n  return (\n    <Container size=\"lg\">\n      <div className=\"flex items-center justify-between mb-3 pt-4 pl-2 lg:pl-4 pr-2\">\n        <div className=\"flex items-center gap-2\">\n          <Avatar size=\"lg\" image={user.image} alt={user.username} />\n          <div className=\"flex flex-col sm:flex-row items-start sm:items-center sm:gap-2\">\n            <Heading>{user.name}</Heading>\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"success\" size=\"sm\"><LocaleNumber number={user.booksCount} /> {pluralize(\"Read\", user.booksCount)}</Badge>\n              {user.pro ? <Badge variant=\"primary\" size=\"sm\">{user.flair}</Badge> : false}\n              {user.isLibrarian ? <Badge variant=\"primary\" size=\"sm\">Librarian</Badge> : false}\n            </div>\n          </div>\n        </div>\n        <FollowUserButton user={user} />\n      </div>\n\n      <div className=\"md:mx-2\">\n        <UserNav user={user} />\n      </div>\n    </Container>\n  );\n}\n","import ProfileMiniHeader from \"./ProfileMiniHeader\";\nimport { PageSerializersUsersLayout } from \"types/serializers\";\nimport CoverLayout from \"layouts/CoverLayout\";\n\nexport interface Props {\n  user: PageSerializersUsersLayout;\n  children: React.ReactNode;\n}\n\nexport default function ProfileWrapper({ user, children }: Props) {\n  return (\n    <CoverLayout cover={user.cover}>\n      <ProfileMiniHeader user={user} />\n\n      {children}\n    </CoverLayout>\n  );\n}\n"],"names":["ProfileMiniHeader","user","jsxs","Container","jsx","Avatar","Heading","Badge","LocaleNumber","pluralize","FollowUserButton","UserNav","ProfileWrapper","children","CoverLayout"],"mappings":"8SAUA,SAAwBA,EAAkB,CACxC,KAAAC,CACF,EAEG,CAEC,OAAAC,EAAA,KAACC,EAAU,CAAA,KAAK,KACd,SAAA,CAACD,EAAAA,KAAA,MAAA,CAAI,UAAU,gEACb,SAAA,CAACA,EAAAA,KAAA,MAAA,CAAI,UAAU,0BACb,SAAA,CAACE,EAAAA,IAAAC,EAAA,CAAO,KAAK,KAAK,MAAOJ,EAAK,MAAO,IAAKA,EAAK,QAAU,CAAA,EACzDC,EAAAA,KAAC,MAAI,CAAA,UAAU,iEACb,SAAA,CAACE,EAAAA,IAAAE,EAAA,CAAS,WAAK,IAAK,CAAA,EACpBJ,EAAAA,KAAC,MAAI,CAAA,UAAU,0BACb,SAAA,CAAAA,EAAA,KAACK,EAAM,CAAA,QAAQ,UAAU,KAAK,KAAK,SAAA,CAACH,EAAAA,IAAAI,EAAA,CAAa,OAAQP,EAAK,UAAY,CAAA,EAAE,IAAEQ,EAAU,OAAQR,EAAK,UAAU,CAAA,EAAE,EAChHA,EAAK,IAAMG,EAAAA,IAACG,EAAM,CAAA,QAAQ,UAAU,KAAK,KAAM,SAAKN,EAAA,KAAA,CAAM,EAAW,GACrEA,EAAK,YAAeG,MAAAG,EAAA,CAAM,QAAQ,UAAU,KAAK,KAAK,SAAA,WAAA,CAAS,EAAW,EAAA,EAC7E,CAAA,EACF,CAAA,EACF,EACAH,MAACM,GAAiB,KAAAT,EAAY,CAAA,EAChC,QAEC,MAAI,CAAA,UAAU,UACb,SAACG,EAAA,IAAAO,EAAA,CAAQ,KAAAV,CAAY,CAAA,EACvB,CACF,CAAA,CAAA,CAEJ,CC5BA,SAAwBW,EAAe,CAAE,KAAAX,EAAM,SAAAY,GAAmB,CAChE,OACGX,EAAAA,KAAAY,EAAA,CAAY,MAAOb,EAAK,MACvB,SAAA,CAAAG,MAACJ,GAAkB,KAAAC,EAAY,EAE9BY,CACH,CAAA,CAAA,CAEJ"}