Merge pull request #2 from strapi/chore/strapiImage

Update: function
strapi · Sep 25, 2024 · c14760d · c14760d
2 parents c078226 + 075c7b5
commit c14760d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/next/components/ui/animated-tooltip.tsx b/next/components/ui/animated-tooltip.tsx
@@ -8,6 +8,7 @@ import {
   useMotionValue,
   useSpring,
 } from "framer-motion";
+import { strapiImage } from "@/lib/strapi/strapiImage";
 
 export const AnimatedTooltip = ({
   items,
@@ -82,7 +83,7 @@ export const AnimatedTooltip = ({
             onMouseMove={handleMouseMove}
             height={100}
             width={100}
-            src={`http:localhost:1337${item.image.url}`}
+            src={strapiImage(item.image.url)}
             alt={item.image.alternativeText}
             className="object-cover !m-0 !p-0 object-top rounded-full h-14 w-14 border-2 group-hover:scale-105 group-hover:z-30 border-white  relative transition duration-500"
           />

diff --git a/next/lib/strapi/strapiImage.ts b/next/lib/strapi/strapiImage.ts
@@ -1,5 +1,13 @@
+import { unstable_noStore as noStore } from 'next/cache';
+
 export function strapiImage(url: string): string {
+  noStore();
   if (url.startsWith("/")) {
+
+    if (!process.env.NEXT_PUBLIC_API_URL && document?.location.host.endsWith(".strapidemo.com")) {
+      return `https://${document.location.host.replace("client-", "api-")}${url}`
+    }
+
     return process.env.NEXT_PUBLIC_API_URL + url
   }
   return url