Merge pull request #344 from oaknational/feat/PUPIL-1136-revert-to-us…

…ing-icons-from-cloudinary feat: revert to using icons from cloudinary
oaknational · Dec 17, 2024 · 022bb14 · 022bb14
2 parents 2784baf + 0cd874d
commit 022bb14
Show file tree

Hide file tree

Showing 66 changed files with 162 additions and 150 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -27,6 +27,6 @@ const config = {
   docs: {
     autodocs: "tag",
   },
-  staticDirs: ["./public", "../public"],
+  staticDirs: ["./public"],
 };
 export default config;
diff --git a/src/components/atoms/OakIcon/OakIcon.test.tsx b/src/components/atoms/OakIcon/OakIcon.test.tsx
@@ -72,16 +72,20 @@ describe("isValidIconName", () => {
 
 describe("generateOakIconURL", () => {
   it("is valid url when the string is a valid icon name", () => {
-    expect(generateOakIconURL("home")).toBe("svgs/icons/home.svg");
+    expect(generateOakIconURL("home")).toBe(
+      "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",
+    );
   });
 
   it("is returns url for question mark when the string is not a valid icon name", () => {
     expect(generateOakIconURL("banana-sandwich")).toBe(
-      "svgs/icons/question-mark.svg",
+      "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1706872277/icons/question-mark.svg",
     );
   });
 
   it("is returns url for books when the string is not a valid subject icon name", () => {
-    expect(generateOakIconURL("subject-potions")).toBe("svgs/icons/books.svg");
+    expect(generateOakIconURL("subject-potions")).toBe(
+      "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953657/icons/hz4l3iq6i68kazvkvorq.svg",
+    );
   });
 });
diff --git a/src/components/atoms/OakIcon/OakIcon.tsx b/src/components/atoms/OakIcon/OakIcon.tsx
@@ -28,7 +28,7 @@ export function isValidIconName(iconName: string): iconName is OakIconName {
  * returns a Icon URL from Cloudinary if is a valid icon, otherwise returns undefined
  */
 export function generateOakIconURL(iconName: string) {
-  const urlPath = `svgs`;
+  const urlPath = `https://${process.env.NEXT_PUBLIC_OAK_ASSETS_HOST}/${process.env.NEXT_PUBLIC_OAK_ASSETS_PATH}`;
   if (isValidIconName(iconName)) {
     return `${urlPath}/${icons[iconName]}`;
   } else if (iconName.includes("subject")) {

diff --git a/src/components/atoms/OakIcon/__snapshots__/OakIcon.test.tsx.snap b/src/components/atoms/OakIcon/__snapshots__/OakIcon.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`OakIcon matches snapshot 1`] = `
     loading="lazy"
     onError={[Function]}
     onLoad={[Function]}
-    src="svgs/icons/home.svg"
+    src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg"
     style={
       {
         "bottom": 0,

diff --git a/...s/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap b/...s/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap
@@ -199,7 +199,7 @@ exports[`InternalChevronAccordion matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/chevron-down.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
           style={
             {
               "bottom": 0,

diff --git a/...s/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap b/...s/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`InternalShadowRectButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/...molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap b/...molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`InternalShadowRoundButton matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/icons/arrow-right.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
             style={
               {
                 "bottom": 0,

diff --git a/src/components/molecules/OakAccordion/__snapshots__/OakAccordion.test.tsx.snap b/src/components/molecules/OakAccordion/__snapshots__/OakAccordion.test.tsx.snap
@@ -138,7 +138,7 @@ exports[`OakAccordion matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/chevron-down.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
           style={
             {
               "bottom": 0,

diff --git a/src/components/molecules/OakBackLink/__snapshots__/OakBackLink.test.tsx.snap b/src/components/molecules/OakBackLink/__snapshots__/OakBackLink.test.tsx.snap
@@ -82,7 +82,7 @@ exports[`OakBackLink matches snapshot 1`] = `
       loading="lazy"
       onError={[Function]}
       onLoad={[Function]}
-      src="svgs/icons/chevron-left.svg"
+      src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg"
       style={
         {
           "bottom": 0,

diff --git a/src/components/molecules/OakCheckBox/__snapshots__/OakCheckbox.test.tsx.snap b/src/components/molecules/OakCheckBox/__snapshots__/OakCheckbox.test.tsx.snap
@@ -148,7 +148,7 @@ input:checked + .c7 {
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/tick.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
           style={
             {
               "bottom": 0,

diff --git a/src/components/molecules/OakCopyLinkButton/__snapshots__/OakCopyLinkButton.test.tsx.snap b/src/components/molecules/OakCopyLinkButton/__snapshots__/OakCopyLinkButton.test.tsx.snap
@@ -202,7 +202,7 @@ exports[`OakCopyLinkButton matches snapshot 1`] = `
               loading="lazy"
               onError={[Function]}
               onLoad={[Function]}
-              src="svgs/icons/copy.svg"
+              src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1727861316/icons/Icon_Copy_qxgynv.svg"
               style={
                 {
                   "bottom": 0,

diff --git a/...lecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap b/...lecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap
@@ -90,7 +90,7 @@ exports[`OakDragAndDropInstructions matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/move-arrows.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
         style={
           {
             "bottom": 0,

diff --git a/src/components/molecules/OakDraggable/__snapshots__/OakDraggable.test.tsx.snap b/src/components/molecules/OakDraggable/__snapshots__/OakDraggable.test.tsx.snap
@@ -129,7 +129,7 @@ exports[`OakDraggable matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/move-arrows.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
         style={
           {
             "bottom": 0,

diff --git a/...omponents/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap b/...omponents/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap
@@ -132,7 +132,7 @@ exports[`OakDraggableFeedback matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/tick.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
         style={
           {
             "bottom": 0,

diff --git a/src/components/molecules/OakFilterDrawer/__snapshots__/OakFilterDrawer.test.tsx.snap b/src/components/molecules/OakFilterDrawer/__snapshots__/OakFilterDrawer.test.tsx.snap
@@ -440,7 +440,7 @@ exports[`OakFilterDrawer matches snapshot when mounted 1`] = `
                     data-nimg="fill"
                     decoding="async"
                     loading="lazy"
-                    src="http://localhost/svgs/icons/cross.svg"
+                    src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
                     style="position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; color: transparent;"
                   />
                 </div>

diff --git a/...s/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap b/...s/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap
@@ -135,7 +135,7 @@ exports[`OakHandDrawnCardWithIcon matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/worksheet-3.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895429/icons/bzhojpjxp9rukdvh7daz.svg"
         style={
           {
             "bottom": 0,

diff --git a/src/components/molecules/OakInlineBanner/__snapshots__/OakInlineBanner.test.tsx.snap b/src/components/molecules/OakInlineBanner/__snapshots__/OakInlineBanner.test.tsx.snap
@@ -380,7 +380,7 @@ exports[`OakInlineBanner matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/info.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
           style={
             {
               "bottom": 0,
@@ -449,7 +449,7 @@ exports[`OakInlineBanner matches snapshot 1`] = `
                   loading="lazy"
                   onError={[Function]}
                   onLoad={[Function]}
-                  src="svgs/icons/cross.svg"
+                  src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
                   style={
                     {
                       "bottom": 0,
@@ -494,7 +494,7 @@ exports[`OakInlineBanner matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/chevron-right.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
         style={
           {
             "bottom": 0,

diff --git a/src/components/molecules/OakLessonInfoCard/__snapshots__/OakLessonInfoCard.test.tsx.snap b/src/components/molecules/OakLessonInfoCard/__snapshots__/OakLessonInfoCard.test.tsx.snap
@@ -76,7 +76,7 @@ exports[`OakLessonInfoCard component test matches snapshot 1`] = `
         loading="lazy"
         onError={[Function]}
         onLoad={[Function]}
-        src="svgs/icons/question-mark.svg"
+        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1706872277/icons/question-mark.svg"
         style={
           {
             "bottom": 0,

diff --git a/...molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap b/...molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap
@@ -254,7 +254,7 @@ exports[`OakMediaClipListAccordion matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/icons/chevron-down.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
             style={
               {
                 "bottom": 0,

diff --git a/src/components/molecules/OakModal/__snapshots__/OakModal.test.tsx.snap b/src/components/molecules/OakModal/__snapshots__/OakModal.test.tsx.snap
@@ -330,7 +330,7 @@ exports[`OakModal matches snapshot when mounted 1`] = `
                     data-nimg="fill"
                     decoding="async"
                     loading="lazy"
-                    src="http://localhost/svgs/icons/cross.svg"
+                    src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
                     style="position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; color: transparent;"
                   />
                 </div>

diff --git a/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenter.test.tsx.snap b/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenter.test.tsx.snap
@@ -328,7 +328,7 @@ exports[`OakModalCenter matches snapshot 1`] = `
                         loading="lazy"
                         onError={[Function]}
                         onLoad={[Function]}
-                        src="svgs/icons/cross.svg"
+                        src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
                         style={
                           {
                             "bottom": 0,

diff --git a/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenterBody.test.tsx.snap b/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenterBody.test.tsx.snap
@@ -121,7 +121,7 @@ exports[`OakModalCenterBody matches snapshot 1`] = `
       loading="lazy"
       onError={[Function]}
       onLoad={[Function]}
-      src="svgs/icons/content-guidance.svg"
+      src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954277/icons/tm3uhcqenaznq4fxys7j.svg"
       style={
         {
           "bottom": 0,

diff --git a/src/components/molecules/OakOutlineAccordion/__snapshots__/OakOutlineAccordion.test.tsx.snap b/src/components/molecules/OakOutlineAccordion/__snapshots__/OakOutlineAccordion.test.tsx.snap
@@ -251,7 +251,7 @@ exports[`OakOutlineAccordion matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/icons/chevron-down.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
             style={
               {
                 "bottom": 0,

diff --git a/src/components/molecules/OakPrimaryButton/__snapshots__/OakPrimaryButton.test.tsx.snap b/src/components/molecules/OakPrimaryButton/__snapshots__/OakPrimaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakPrimaryButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/...s/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap b/...s/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakPrimaryInvertedButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/src/components/molecules/OakRoundIcon/__snapshots__/OakRoundIcon.test.tsx.snap b/src/components/molecules/OakRoundIcon/__snapshots__/OakRoundIcon.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`OakRoundIcon matches snapshot 1`] = `
       loading="lazy"
       onError={[Function]}
       onLoad={[Function]}
-      src="svgs/icons/home.svg"
+      src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg"
       style={
         {
           "bottom": 0,

diff --git a/src/components/molecules/OakScaleImageButton/__snapshots__/OakScaleImageButton.test.tsx.snap b/src/components/molecules/OakScaleImageButton/__snapshots__/OakScaleImageButton.test.tsx.snap
@@ -179,7 +179,7 @@ exports[`OakScaleImageButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/expand.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1730982187/Icon_Expand_arrktl.svg"
           style={
             {
               "bottom": 0,

diff --git a/src/components/molecules/OakSecondaryButton/__snapshots__/OakSecondaryButton.test.tsx.snap b/src/components/molecules/OakSecondaryButton/__snapshots__/OakSecondaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakSecondaryButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/...ponents/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap b/...ponents/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap
@@ -201,7 +201,7 @@ exports[`OakSignLanguageButton matches snapshot 1`] = `
               loading="lazy"
               onError={[Function]}
               onLoad={[Function]}
-              src="svgs/icons/sign-language.svg"
+              src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953861/icons/ns94ozvozzi22enxkx0x.svg"
               style={
                 {
                   "bottom": 0,

diff --git a/...ponents/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap b/...ponents/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakSmallPrimaryButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/...nts/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap b/...nts/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakSmallSecondaryButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/icons/arrow-right.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
           style={
             {
               "bottom": 0,

diff --git a/...bjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap b/...bjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap
@@ -389,7 +389,7 @@ exports[`OakDownloadsJourneyChildSubjectTierSelector matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/icons/info.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
             style={
               {
                 "bottom": 0,
@@ -590,7 +590,7 @@ exports[`OakDownloadsJourneyChildSubjectTierSelector matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/icons/arrow-right.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
             style={
               {
                 "bottom": 0,

diff --git a/...isms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap b/...isms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap
@@ -244,7 +244,7 @@ exports[`OakPupilJourneyHeader matches snapshot 1`] = `
             loading="lazy"
             onError={[Function]}
             onLoad={[Function]}
-            src="svgs/subject-icons/science.svg"
+            src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/science.svg"
             style={
               {
                 "bottom": 0,

diff --git a/.../pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap b/.../pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap
@@ -299,7 +299,7 @@ exports[`OakPupilJourneyListItem matches snapshot 1`] = `
               loading="lazy"
               onError={[Function]}
               onLoad={[Function]}
-              src="svgs/icons/chevron-right.svg"
+              src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
               style={
                 {
                   "bottom": 0,

diff --git a/...upilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap b/...upilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap
@@ -242,7 +242,7 @@ exports[`OakPupilJourneyOptionalityButton matches snapshot 1`] = `
                   loading="lazy"
                   onError={[Function]}
                   onLoad={[Function]}
-                  src="svgs/icons/chevron-right.svg"
+                  src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
                   style={
                     {
                       "bottom": 0,

diff --git a/...OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap b/...OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap
@@ -400,7 +400,7 @@ exports[`OakPupilJourneyOptionalityItem component test matches snapshot 1`] = `
                     loading="lazy"
                     onError={[Function]}
                     onLoad={[Function]}
-                    src="svgs/icons/chevron-right.svg"
+                    src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
                     style={
                       {
                         "bottom": 0,
@@ -481,7 +481,7 @@ exports[`OakPupilJourneyOptionalityItem component test matches snapshot 1`] = `
                     loading="lazy"
                     onError={[Function]}
                     onLoad={[Function]}
-                    src="svgs/icons/chevron-right.svg"
+                    src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
                     style={
                       {
                         "bottom": 0,

diff --git a/...wse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap b/...wse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakPupilJourneySubjectButton matches snapshot 1`] = `
           loading="lazy"
           onError={[Function]}
           onLoad={[Function]}
-          src="svgs/subject-icons/english.svg"
+          src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/english.svg"
           style={
             {
               "bottom": 0,

diff --git a/.../browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap b/.../browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap
@@ -495,7 +495,7 @@ exports[`PupilJourneyUnitsFilter matches snapshot 1`] = `
                 loading="lazy"
                 onError={[Function]}
                 onLoad={[Function]}
-                src="svgs/icons/chevron-down.svg"
+                src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
                 style={
                   {
                     "bottom": 0,