From ca81f981b529b7677b62252def08a4b357d7f6fe Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.ai>
Date: Tue, 11 Oct 2022 11:24:24 +0200
Subject: [PATCH] Docs(test): images take 3

---
 website/docs/topics/anatomy-of-unleash.mdx | 3 +--
 website/src/components/Figure/Figure.tsx   | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/docs/topics/anatomy-of-unleash.mdx b/website/docs/topics/anatomy-of-unleash.mdx
index 992f2bbda4..7d1095a49e 100644
--- a/website/docs/topics/anatomy-of-unleash.mdx
+++ b/website/docs/topics/anatomy-of-unleash.mdx
@@ -2,7 +2,6 @@
 title: Anatomy of Unleash
 ---
 import Figure from '@site/src/components/Figure/Figure.tsx'
-import img1 from '/img/anatomy-of-unleash-environment.png'
 
 Unleash has many different components on different levels. This guide is here to give you a conceptual overview over how Unleash works. It covers the various components that exist within an Unleash system and how they interact with each other and with external applications. The diagrams are intended to help you understand the fundamental building blocks, such as [projects](../user_guide/projects.md), [environments](../user_guide/environments.md), [variants](../advanced/feature-toggle-variants.md) and, of course, [feature toggles](../reference/feature-toggles.mdx).
 
@@ -29,7 +28,7 @@ All Unleash instances must have at least one project at any given time. New inst
 
 Pro and Enterprise customers can create, rename, and delete projects as they wish (as long as there is always **at least one project**). Open-source users, on the other hand, only get access to the default project.
 
-<Figure caption="Unleash projects (the outer box) contain one or more environments (the inner box)." img={img1}/>
+<Figure caption="Unleash projects (the outer box) contain one or more environments (the inner box)." img={'/img/anatomy-of-unleash-environment.png'}/>
 
 ## Environments and project environments
 
diff --git a/website/src/components/Figure/Figure.tsx b/website/src/components/Figure/Figure.tsx
index 0c598573a4..681a2f4098 100644
--- a/website/src/components/Figure/Figure.tsx
+++ b/website/src/components/Figure/Figure.tsx
@@ -64,6 +64,7 @@
 **/
 
 import React from 'react';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 import './styles.module.css';
 
@@ -80,7 +81,7 @@ type Props = {
 const Component: React.FC<Props> = ({ img, alt, caption }) => {
     return (
         <figure>
-            <img alt={alt} src={img.src} />
+            <img alt={alt} src={useBaseUrl(img)} />
             <figcaption>{caption}</figcaption>
         </figure>
     );