{"version":3,"file":"ProfilesCard-eM_MmWvU.js","sources":["../../src/components/Profile/ProfilesCard.tsx"],"sourcesContent":["import { Stack, Title, useMantineTheme } from '@mantine/core'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Link, useNavigate } from 'react-router-dom'\nimport { isAddress } from 'viem'\n\nimport Loading from '@/components/Loading'\nimport ImageWrapper from '@/components/MediaWrappers/ImageWrapper'\nimport useProfileDetails from '@/hooks/useProfileDetails'\nimport useProfilePath from '@/hooks/useProfilePath'\nimport { shortenHash } from '@/utils/utils'\nimport utils from '@/utils/utils.module.css'\n\nimport classes from '../Details/UserDetails/UserDetails.module.css'\nimport profileClasses from './ProfilesCard.module.css'\n\ninterface ProfilesCardProps {\n  imageSize?: number\n  parentRef?: React.RefObject<HTMLDivElement>\n  profileAddress?: string\n  extraInfo?: JSX.Element\n}\n\nconst ProfilesCard: React.FC<ProfilesCardProps> = ({\n  imageSize = 80,\n  parentRef,\n  profileAddress = '',\n  extraInfo,\n}) => {\n  const navigate = useNavigate()\n  const theme = useMantineTheme()\n  const profilePath = useProfilePath(profileAddress as `0x${string}`)\n\n  const { creatorName, creatorUsername, creatorPfp, creatorBanner } =\n    useProfileDetails(profileAddress)\n\n  const [isHovered, setIsHovered] = useState(false)\n  const handleNavigation = useCallback(() => {\n    navigate(profilePath)\n  }, [])\n\n  const [parentWidth, setParentWidth] = useState(imageSize)\n\n  useEffect(() => {\n    const handleWindowResize = () => {\n      setParentWidth(parentRef?.current?.clientWidth || imageSize)\n    }\n    handleWindowResize()\n\n    window.addEventListener('resize', handleWindowResize)\n\n    return () => {\n      window.removeEventListener('resize', handleWindowResize)\n    }\n  }, [])\n\n  return (\n    <Stack\n      style={{\n        gap: '15px',\n        cursor: 'pointer',\n        backgroundColor: isHovered ? theme.colors.background2[0] : '',\n        border: isHovered ? `2px solid ${theme.colors.profileOutline[0]}` : '2px solid transparent',\n        borderRadius: '14px',\n        transition: 'background-color 0.3s',\n        paddingBottom: '10px',\n      }}\n      onClick={handleNavigation}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <Stack\n        style={{\n          position: 'relative',\n          width: '100%',\n          height: '200px',\n        }}\n        ref={parentRef}\n      >\n        <>\n          {creatorBanner ? (\n            <ImageWrapper\n              src={creatorBanner}\n              alt={creatorBanner}\n              style={{\n                width: parentWidth,\n                height: '150px',\n                objectFit: 'cover',\n                objectPosition: 'center',\n                border: `2px solid ${theme.colors.profileOutline[0]}`,\n                borderRadius: '12px',\n              }}\n              width={parentWidth}\n              height=\"150px\"\n            />\n          ) : (\n            <Loading size={`${imageSize}px`} />\n          )}\n        </>\n        {creatorPfp ? (\n          <ImageWrapper\n            src={creatorPfp}\n            alt={creatorPfp}\n            className={`${profileClasses.imageWrapper} ${isHovered ? profileClasses.imageWrapperHover : ''}`}\n            style={{\n              width: `${imageSize}px`,\n              height: `${imageSize}px`,\n              position: 'absolute',\n              bottom: 0,\n              left: '10px',\n              border: isHovered\n                ? `2px solid ${theme.colors.textAndIcon[0]}`\n                : `2px solid ${theme.colors.profileOutline[0]}`,\n              borderRadius: '10px',\n            }}\n            width={imageSize}\n            height={imageSize}\n          />\n        ) : (\n          <Loading size={`${imageSize}px`} />\n        )}\n      </Stack>\n\n      {profileAddress && (\n        <Stack\n          style={{\n            alignSelf: 'left',\n            gap: 0,\n            width: parentWidth - 10,\n            paddingLeft: '10px',\n          }}\n        >\n          <Title order={4} className={utils.truncate}>\n            {creatorName}\n          </Title>\n          {creatorUsername ? (\n            <Link\n              className={classes.user}\n              to={profilePath}\n              target=\"_self\"\n              rel=\"noopener noreferrer\"\n            >\n              {isAddress(creatorUsername) ? shortenHash(creatorUsername) : creatorUsername}\n            </Link>\n          ) : (\n            <Link\n              className={classes.user}\n              to={profilePath}\n              target=\"_self\"\n              rel=\"noopener noreferrer\"\n            >\n              {shortenHash(profileAddress)}\n            </Link>\n          )}\n          {extraInfo}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default ProfilesCard\n"],"names":["ProfilesCard","imageSize","parentRef","profileAddress","extraInfo","navigate","useNavigate","theme","useMantineTheme","profilePath","useProfilePath","creatorName","creatorUsername","creatorPfp","creatorBanner","useProfileDetails","isHovered","setIsHovered","useState","handleNavigation","useCallback","parentWidth","setParentWidth","useEffect","handleWindowResize","_a","jsxs","Stack","jsx","Fragment","ImageWrapper","Loading","profileClasses","Title","utils","Link","classes","isAddress","shortenHash"],"mappings":"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"}