Refactor image handling to use speakerImageUrl for consistent image processing in SpeakerPromotionCard, SpeakerShare, and SpeakerShareWrapper components

Author: Starefossen

src/components/SpeakerPromotionCard.tsx

@@ -9,7 +9,7 @@ import {
   SparklesIcon,
 } from '@heroicons/react/24/outline'
 import { UserIcon, MicrophoneIcon, StarIcon } from '@heroicons/react/24/solid'
-import { sanityImage } from '@/lib/sanity/client'
+import { speakerImageUrl } from '@/lib/sanity/client'
 import { Format } from '@/lib/proposal/types'
 import { formatConfig } from '@/lib/proposal'
 import { SpeakerWithTalks } from '@/lib/speaker/types'
@@ -157,11 +157,11 @@ const SpeakerImage = ({
   if (image) {
     return (
       <img
-        src={sanityImage(image)
-          .width(size * 2)
-          .height(size * 2)
-          .fit('crop')
-          .url()}
+        src={speakerImageUrl(image, {
+          width: size * 2,
+          height: size * 2,
+          fit: 'crop',
+        })}
         alt={name}
         width={size}
         height={size}

src/components/SpeakerShare.tsx

@@ -1,7 +1,7 @@
 import { MissingAvatar } from '@/components/common/MissingAvatar'
 import { QrCodeIcon } from '@heroicons/react/24/outline'
 import { MicrophoneIcon, StarIcon } from '@heroicons/react/24/solid'
-import { sanityImage } from '@/lib/sanity/client'
+import { speakerImageUrl } from '@/lib/sanity/client'
 import { Format } from '@/lib/proposal/types'
 import { formatConfig } from '@/lib/proposal'
 import { SpeakerWithTalks } from '@/lib/speaker/types'
@@ -102,11 +102,11 @@ const SpeakerImage = ({
   if (image) {
     return (
       <img
-        src={sanityImage(image)
-          .width(size * 2)
-          .height(size * 2)
-          .fit('crop')
-          .url()}
+        src={speakerImageUrl(image, {
+          width: size * 2,
+          height: size * 2,
+          fit: 'crop',
+        })}
         alt={name}
         width={size}
         height={size}

src/components/cfp/SpeakerShareWrapper.tsx

@@ -4,7 +4,7 @@ import { SpeakerSharingActions } from '@/components/speaker/SpeakerSharingAction
 import { MissingAvatar } from '@/components/common/MissingAvatar'
 import { QrCodeIcon } from '@heroicons/react/24/outline'
 import { MicrophoneIcon, StarIcon } from '@heroicons/react/24/solid'
-import { sanityImage } from '@/lib/sanity/client'
+import { speakerImageUrl } from '@/lib/sanity/client'
 import { CloudNativePattern } from '@/components/CloudNativePattern'
 import type { SpeakerShareClientProps } from '@/components/SpeakerShare'
 import { formatConfig, Format } from '@/lib/proposal'
@@ -95,11 +95,11 @@ export function SpeakerShareWrapper({
               <div className="shrink-0">
                 {image ? (
                   <img
-                    src={sanityImage(image)
-                      .width(800)
-                      .height(800)
-                      .fit('crop')
-                      .url()}
+                    src={speakerImageUrl(image, {
+                      width: 800,
+                      height: 800,
+                      fit: 'crop',
+                    })}
                     alt={name}
                     width={400}
                     height={400}