{"version":3,"file":"artist.5619393f.js","sources":["../../../app/frontend/entrypoints/page/home/section/artists/artist.tsx"],"sourcesContent":["import React from 'react'\nimport { useRecoilState } from 'recoil'\nimport { pageState } from '../../../../../src/atoms/PageAtom'\nimport { pastPageState } from '../../../../../src/atoms/PastPageAtom'\n\nimport ArtistIcon from '../../../../../src/assets/images/icons/user-circle.svg'\n\ntype Props = {\n  artist: Artist\n}\ntype Artist = {\n  public_id: string\n  display_name: string\n  comment: string\n  gift_detail: string\n  icon_uri: string\n  music_count: number\n  market_music_count: number\n  generative_count: number\n}\n\nfunction HomeArtist(props: Props) {\n  const [, setPage] = useRecoilState(pageState)\n  const [, setPastPage] = useRecoilState(pastPageState)\n\n  return (\n    <button\n      className=\"artist\"\n      onClick={() => {\n        setPastPage('home')\n        setPage(`artists/${props.artist.public_id}`)\n      }}\n    >\n      <div\n        className=\"image\"\n        style={{\n          backgroundImage: `url(${\n            props.artist.icon_uri ? props.artist.icon_uri : ArtistIcon\n          })`,\n        }}\n      ></div>\n      <div className=\"datum\">\n        <h3 className=\"name\">{props.artist.display_name}</h3>\n        <div className=\"data\">\n          <p className=\"data-ttl\">掲載楽曲数</p>\n          <p className=\"data-txt\">{props.artist.music_count}曲</p>\n        </div>\n        <div className=\"data\">\n          <p className=\"data-ttl\">販売楽曲数</p>\n          <p className=\"data-txt\">{props.artist.market_music_count}曲</p>\n        </div>\n        <div className=\"data\">\n          <p className=\"data-ttl\">ジェネラティブ数</p>\n          <p className=\"data-txt\">{props.artist.generative_count}件</p>\n        </div>\n      </div>\n    </button>\n  )\n}\n\nexport default HomeArtist\n"],"names":["HomeArtist","props","setPage","useRecoilState","pageState","setPastPage","pastPageState","artist","public_id","_jsx","backgroundImage","icon_uri","ArtistIcon","_jsxs","display_name","music_count","market_music_count","generative_count"],"mappings":"kQAqBA,SAASA,EAAWC,EAAc,CAChC,KAAM,EAAGC,CAAO,EAAIC,EAAeC,CAAS,EACtC,EAAGC,CAAW,EAAIF,EAAeG,CAAa,EAEpD,SACE,SAAA,CACE,UAAU,SACV,QAAS,IAAM,CACbD,EAAY,MAAM,EACTH,EAAA,WAAUD,EAAMM,OAAOC,WAAW,CAC7C,EAAE,SAEF,CAAAC,EAAA,MAAA,CACE,UAAU,QACV,MAAO,CACLC,gBAAkB,OAChBT,EAAMM,OAAOI,SAAWV,EAAMM,OAAOI,SAAWC,IAEpD,CAAA,CAAE,EAEJC,EAAA,MAAA,CAAK,UAAU,QAAO,SACpB,CAAAJ,EAAA,KAAA,CAAI,UAAU,OAAM,SAAER,EAAMM,OAAOO,YAAAA,CAAY,EAC/CD,EAAA,MAAA,CAAK,UAAU,OAAM,SACnB,CAAAJ,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,OAAA,CAAA,EACvBI,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,CAAEZ,EAAMM,OAAOQ,YAAW,GAAA,CAAA,CAAM,CAAA,CAAA,CAAA,EAEzDF,EAAA,MAAA,CAAK,UAAU,OAAM,SACnB,CAAAJ,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,OAAA,CAAA,EACvBI,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,CAAEZ,EAAMM,OAAOS,mBAAkB,GAAA,CAAA,CAAM,CAAA,CAAA,CAAA,EAEhEH,EAAA,MAAA,CAAK,UAAU,OAAM,SACnB,CAAAJ,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,UAAA,CAAA,EACvBI,EAAA,IAAA,CAAG,UAAU,WAAU,SAAA,CAAEZ,EAAMM,OAAOU,iBAAgB,GAAA,CAAA,CAAM,CAAA,CAAA,CACxD,CAAA,CAAA,CACF,CAAA,CAAA,CACC,CAEb"}