{artist.name}

{artist.type}

\n \n {artist.location}\n {artist.hourly_rate && (\n <>\n •\n ${artist.hourly_rate}/hour\n \n )}\n

\n \n

{artist.bio}

\n\n

Specialties

\n {artist.specialties.map((specialty, index) => (\n \n {specialty}\n \n ))}\n

\n\n {/* Portfolio */}\n

\n {portfolio.length === 0 ? (\n

🎨

No portfolio items yet

This artist hasn't uploaded any work yet.

\n ) : (\n <>\n

\n Portfolio ({portfolio.length} items)\n

\n \n {categories.length > 1 && (\n

\n {categories.map(category => (\n \n {category}\n \n ))}\n

\n )}\n

\n\n

\n {portfolio.map((item) => (\n

setSelectedImage(item)}\n >\n ${item.title}\n$ {\n e.currentTarget.src = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(item.title + ' ' + item.category)}`;\n }}\n />\n

{item.title}

{item.description}

\n \n {item.category}\n \n {item.is_for_sale && item.price && (\n \n ${(item.price / 100).toFixed(2)}\n \n )}\n

\n ))}\n

\n \n )}\n

\n\n {/* Image Modal */}\n {selectedImage && (\n

setSelectedImage(null)}\n >\n

e.stopPropagation()}\n >\n

{selectedImage.title}

\n \n

\n ${selectedImage.title}\n$ {\n e.currentTarget.src = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(selectedImage.title + ' ' + selectedImage.category)}`;\n }}\n />\n

{selectedImage.description}

\n \n {selectedImage.category}\n \n {selectedImage.is_for_sale && selectedImage.price && (\n

\n ${(selectedImage.price / 100).toFixed(2)}\n

\n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/UnzipMe/Artreon/code/frontend/components/Portfolio.tsx","extension","actionData","errors"]