Release 2025-05-20-0D8p

web/src/pages/admin/services/[slug]/edit.astro

@@ -8,8 +8,8 @@ import {
 } from '@prisma/client'
 import { Icon } from 'astro-icon/components'
 import { actions, isInputError } from 'astro:actions'
-import { Image } from 'astro:assets'
 
+import MyPicture from '../../../../components/MyPicture.astro'
 import { serviceVisibilities } from '../../../../constants/serviceVisibility'
 import BaseLayout from '../../../../layouts/BaseLayout.astro'
 import { cn } from '../../../../lib/cn'
@@ -334,7 +334,7 @@ const buttonSmallWarningClasses = cn(
             {
               service.imageUrl ? (
                 <div class="mt-2 shrink-0">
-                  <Image
+                  <MyPicture
                     src={service.imageUrl}
                     alt="Current service image"
                     width={100}

web/src/pages/admin/services/index.astro

@@ -2,9 +2,8 @@
 import { ServiceVisibility, VerificationStatus, type Prisma } from '@prisma/client'
 import { z } from 'astro/zod'
 import { Icon } from 'astro-icon/components'
-import { Image } from 'astro:assets'
 
-import defaultImage from '../../../assets/fallback-service-image.jpg'
+import MyPicture from '../../../components/MyPicture.astro'
 import SortArrowIcon from '../../../components/SortArrowIcon.astro'
 import { getKycLevelInfo } from '../../../constants/kycLevels'
 import { getVerificationStatusInfo } from '../../../constants/verificationStatus'
@@ -343,23 +342,14 @@ const truncate = (text: string, length: number) => {
                   <td class="px-4 py-3">
                     <div class="flex items-center space-x-3">
                       <div class="h-10 w-10 flex-shrink-0">
-                        {service.imageUrl ? (
-                          <Image
-                            src={service.imageUrl}
-                            alt={service.name}
-                            width={40}
-                            height={40}
-                            class="h-10 w-10 rounded-md object-cover"
-                          />
-                        ) : (
-                          <Image
-                            src={defaultImage}
-                            alt={service.name}
-                            width={40}
-                            height={40}
-                            class="h-10 w-10 rounded-md object-cover"
-                          />
-                        )}
+                        <MyPicture
+                          src={service.imageUrl}
+                          fallback="service"
+                          alt={service.name}
+                          width={40}
+                          height={40}
+                          class="h-10 w-10 rounded-md object-cover"
+                        />
                       </div>
                       <div class="min-w-0 flex-1">
                         <div class="text-sm font-medium text-zinc-200">{service.name}</div>

web/src/pages/admin/users/[username].astro

@@ -1,7 +1,6 @@
 ---
 import { Icon } from 'astro-icon/components'
 import { actions, isInputError } from 'astro:actions'
-import { Image } from 'astro:assets'
 
 import BadgeSmall from '../../../components/BadgeSmall.astro'
 import Button from '../../../components/Button.astro'
@@ -11,6 +10,7 @@ import InputSelect from '../../../components/InputSelect.astro'
 import InputSubmitButton from '../../../components/InputSubmitButton.astro'
 import InputText from '../../../components/InputText.astro'
 import InputTextArea from '../../../components/InputTextArea.astro'
+import MyPicture from '../../../components/MyPicture.astro'
 import TimeFormatted from '../../../components/TimeFormatted.astro'
 import { getServiceUserRoleInfo, serviceUserRoles } from '../../../constants/serviceUserRoles'
 import BaseLayout from '../../../layouts/BaseLayout.astro'
@@ -123,7 +123,7 @@ if (!user) return Astro.rewrite('/404')
   <div class="mt-12">
     {
       !!user.picture && (
-        <Image
+        <MyPicture
           src={user.picture}
           alt=""
           width={80}
@@ -218,7 +218,7 @@ if (!user) return Astro.rewrite('/404')
       value={user.picture}
       error={updateInputErrors.pictureFile}
       square
-      description="Upload a square image for best results. Supported formats: JPG, PNG, WebP, AVIF, JXL. Max size: 5MB."
+      description="Upload a square image for best results. Supported formats: JPG, PNG, WebP, AVIF. Max size: 5MB."
     />
 
     <InputCardGroup
@@ -265,7 +265,7 @@ if (!user) return Astro.rewrite('/404')
               <div class="mb-1 flex items-center justify-between gap-4">
                 <div class="flex items-center gap-1">
                   {!!note.addedByUser?.picture && (
-                    <Image
+                    <MyPicture
                       src={note.addedByUser.picture}
                       alt=""
                       width={12}