{"version":3,"file":"AlbumCover-DFWAdnVI.js","sources":["../../../app/javascript/entrypoints/Album/AlbumCover.jsx"],"sourcesContent":["// AlbumCover.js\nimport React, { useRef } from \"react\";\nimport { Box, Typography } from \"@mui/material\";\nimport { colors } from \"../lib/theme\";\nimport AlbumArt from \"../../shared/AlbumArt\";\n\nconst AlbumCover = ({\n imageUrl,\n handleImageClick,\n handleImageUpload,\n user,\n userId,\n sharedWith,\n}) => {\n const fileInputRef = useRef(null);\n\n const canEdit = user && (user.uid === userId || sharedWith.includes(user.uid));\n\n return (\n canEdit && handleImageClick(fileInputRef)}\n sx={{\n bgcolor: colors.darkNavy,\n p: 4,\n color: colors.navy,\n position: \"relative\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: canEdit ? \"pointer\" : \"default\",\n }}\n >\n \n {canEdit && !imageUrl && (\n \n Click to upload
album cover\n \n )}\n {canEdit && (\n \n )}\n \n );\n};\n\nexport default AlbumCover;\n"],"names":["AlbumCover","imageUrl","handleImageClick","handleImageUpload","user","userId","sharedWith","fileInputRef","useRef","canEdit","React","Box","colors","AlbumArt","Typography"],"mappings":"8hBAMA,MAAMA,EAAa,CAAC,CAClB,SAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,OAAAC,EACA,WAAAC,CACF,IAAM,CACE,MAAAC,EAAeC,SAAO,IAAI,EAE1BC,EAAUL,IAASA,EAAK,MAAQC,GAAUC,EAAW,SAASF,EAAK,GAAG,GAG1E,OAAAM,EAAA,cAACC,EAAA,CACC,QAAS,IAAMF,GAAWP,EAAiBK,CAAY,EACvD,GAAI,CACF,QAASK,EAAO,SAChB,EAAG,EACH,MAAOA,EAAO,KACd,SAAU,WACV,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,OAAQH,EAAU,UAAY,SAChC,CAAA,EAECC,EAAA,cAAAG,EAAA,CAAS,QAAAJ,EAAkB,SAAAR,EAAoB,KAAK,4BAA4B,EAChFQ,GAAW,CAACR,GACXS,EAAA,cAACI,EAAA,CACC,GAAI,CACF,SAAU,WACV,MAAO,QACP,UAAW,SACX,SAAU,OACV,WAAY,OACZ,UAAW,eACb,CAAA,EACD,kCACiB,KAAE,IAAA,EAAE,aACtB,EAEDL,GACCC,EAAA,cAAC,QAAA,CACC,KAAK,OACL,IAAKH,EACL,SAAUJ,EACV,OAAO,UACP,MAAO,CAAE,QAAS,MAAO,CAAA,CAC3B,CAAA,CAIR"}