diff --git a/.storybook/main.ts b/.storybook/main.ts
index 62efdc62..7416935c 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -27,6 +27,6 @@ const config = {
docs: {
autodocs: "tag",
},
- staticDirs: ["./public"],
+ staticDirs: ["./public", "../public"],
};
export default config;
diff --git a/README.md b/README.md
index 19aa3d6c..f488920a 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ This library is suitable for use in an app using React 18 and Next.js 13.5+
You can install it using `npm i @oaknational/oak-components` or any other package manager that supports the NPM registry.
-๐ You'll need two environment variables to enable icons `NEXT_PUBLIC_OAK_ASSETS_HOST` and `NEXT_PUBLIC_OAK_ASSETS_PATH`. Values for these can be obtained from the `.env` config from OWA or from a fellow engineer.
+๐ You'll need two environment variables to enable images `NEXT_PUBLIC_OAK_ASSETS_HOST` and `NEXT_PUBLIC_OAK_ASSETS_PATH`. Values for these can be obtained from the `.env` config from OWA or from a fellow engineer.
### Theming, global styles and fonts
@@ -65,9 +65,9 @@ The release process is driven by the commit messages, following the [Conventiona
Hereโs a summary of the commit types that trigger a release:
-* Patch release (x.x.x): Commits that start with `fix:` or contain other conventional keywords indicating bug fixes.
-* Minor release (x.x.0): Commits that start with `feat:` indicate a new feature but not a breaking change.
-* Major release (x.0.0): Commits that contain `BREAKING CHANGE:` in their description, which indicates a breaking change that requires a major version bump.
+- Patch release (x.x.x): Commits that start with `fix:` or contain other conventional keywords indicating bug fixes.
+- Minor release (x.x.0): Commits that start with `feat:` indicate a new feature but not a breaking change.
+- Major release (x.0.0): Commits that contain `BREAKING CHANGE:` in their description, which indicates a breaking change that requires a major version bump.
Commit messages that begin with `chore`, `refactor` or `docs`, etc. will not trigger the release process.
diff --git a/public/svgs/homepage/homepage-robot-waving.svg b/public/svgs/homepage/homepage-robot-waving.svg
new file mode 100644
index 00000000..0445e3ec
--- /dev/null
+++ b/public/svgs/homepage/homepage-robot-waving.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/svgs/homepage/homepage-teacher-map.svg b/public/svgs/homepage/homepage-teacher-map.svg
new file mode 100644
index 00000000..691cceb3
--- /dev/null
+++ b/public/svgs/homepage/homepage-teacher-map.svg
@@ -0,0 +1,503 @@
+
+
+
diff --git a/public/svgs/homepage/homepage-teacher.svg b/public/svgs/homepage/homepage-teacher.svg
new file mode 100644
index 00000000..e3c3b97b
--- /dev/null
+++ b/public/svgs/homepage/homepage-teacher.svg
@@ -0,0 +1,8 @@
+
diff --git a/public/svgs/homepage/homepage-three-pupils.svg b/public/svgs/homepage/homepage-three-pupils.svg
new file mode 100644
index 00000000..977e271f
--- /dev/null
+++ b/public/svgs/homepage/homepage-three-pupils.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/additional-material.svg b/public/svgs/icons/additional-material.svg
new file mode 100644
index 00000000..374270cb
--- /dev/null
+++ b/public/svgs/icons/additional-material.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/arrow-down.svg b/public/svgs/icons/arrow-down.svg
new file mode 100644
index 00000000..9937778a
--- /dev/null
+++ b/public/svgs/icons/arrow-down.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/arrow-left.svg b/public/svgs/icons/arrow-left.svg
new file mode 100644
index 00000000..f2f8990b
--- /dev/null
+++ b/public/svgs/icons/arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/arrow-right.svg b/public/svgs/icons/arrow-right.svg
new file mode 100644
index 00000000..e6faa947
--- /dev/null
+++ b/public/svgs/icons/arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/arrow-up.svg b/public/svgs/icons/arrow-up.svg
new file mode 100644
index 00000000..3231d8ab
--- /dev/null
+++ b/public/svgs/icons/arrow-up.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/bell.svg b/public/svgs/icons/bell.svg
new file mode 100644
index 00000000..9986db02
--- /dev/null
+++ b/public/svgs/icons/bell.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/books.svg b/public/svgs/icons/books.svg
new file mode 100644
index 00000000..a212928a
--- /dev/null
+++ b/public/svgs/icons/books.svg
@@ -0,0 +1,12 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/chevron-down.svg b/public/svgs/icons/chevron-down.svg
new file mode 100644
index 00000000..0aef0eda
--- /dev/null
+++ b/public/svgs/icons/chevron-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/chevron-left.svg b/public/svgs/icons/chevron-left.svg
new file mode 100644
index 00000000..6e6f660e
--- /dev/null
+++ b/public/svgs/icons/chevron-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/chevron-right.svg b/public/svgs/icons/chevron-right.svg
new file mode 100644
index 00000000..559c9b9b
--- /dev/null
+++ b/public/svgs/icons/chevron-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/chevron-up.svg b/public/svgs/icons/chevron-up.svg
new file mode 100644
index 00000000..edb42a91
--- /dev/null
+++ b/public/svgs/icons/chevron-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/content-guidance.svg b/public/svgs/icons/content-guidance.svg
new file mode 100644
index 00000000..8935ef4c
--- /dev/null
+++ b/public/svgs/icons/content-guidance.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/copy.svg b/public/svgs/icons/copy.svg
new file mode 100644
index 00000000..ae2b1fc7
--- /dev/null
+++ b/public/svgs/icons/copy.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/copyright.svg b/public/svgs/icons/copyright.svg
new file mode 100644
index 00000000..7546e404
--- /dev/null
+++ b/public/svgs/icons/copyright.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/cross.svg b/public/svgs/icons/cross.svg
new file mode 100644
index 00000000..47638045
--- /dev/null
+++ b/public/svgs/icons/cross.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/dot-png.png b/public/svgs/icons/dot-png.png
new file mode 100644
index 00000000..9c9540b5
Binary files /dev/null and b/public/svgs/icons/dot-png.png differ
diff --git a/public/svgs/icons/dot.svg b/public/svgs/icons/dot.svg
new file mode 100644
index 00000000..62aca4a7
--- /dev/null
+++ b/public/svgs/icons/dot.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/download.svg b/public/svgs/icons/download.svg
new file mode 100644
index 00000000..02b7e43b
--- /dev/null
+++ b/public/svgs/icons/download.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/edit.svg b/public/svgs/icons/edit.svg
new file mode 100644
index 00000000..40284633
--- /dev/null
+++ b/public/svgs/icons/edit.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/equipment-required.svg b/public/svgs/icons/equipment-required.svg
new file mode 100644
index 00000000..ab260fb4
--- /dev/null
+++ b/public/svgs/icons/equipment-required.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/error.svg b/public/svgs/icons/error.svg
new file mode 100644
index 00000000..49bf9f55
--- /dev/null
+++ b/public/svgs/icons/error.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/svgs/icons/expand.svg b/public/svgs/icons/expand.svg
new file mode 100644
index 00000000..7810a75a
--- /dev/null
+++ b/public/svgs/icons/expand.svg
@@ -0,0 +1,8 @@
+
diff --git a/public/svgs/icons/external.svg b/public/svgs/icons/external.svg
new file mode 100644
index 00000000..e66b01d2
--- /dev/null
+++ b/public/svgs/icons/external.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/facebook.svg b/public/svgs/icons/facebook.svg
new file mode 100644
index 00000000..884f62c1
--- /dev/null
+++ b/public/svgs/icons/facebook.svg
@@ -0,0 +1,12 @@
+
diff --git a/public/svgs/icons/filter.svg b/public/svgs/icons/filter.svg
new file mode 100644
index 00000000..ccc7965e
--- /dev/null
+++ b/public/svgs/icons/filter.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/svgs/icons/go.svg b/public/svgs/icons/go.svg
new file mode 100644
index 00000000..5b71b2af
--- /dev/null
+++ b/public/svgs/icons/go.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/hamburger.svg b/public/svgs/icons/hamburger.svg
new file mode 100644
index 00000000..3877214d
--- /dev/null
+++ b/public/svgs/icons/hamburger.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/home.svg b/public/svgs/icons/home.svg
new file mode 100644
index 00000000..6b9bd4ab
--- /dev/null
+++ b/public/svgs/icons/home.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/info.svg b/public/svgs/icons/info.svg
new file mode 100644
index 00000000..72e12038
--- /dev/null
+++ b/public/svgs/icons/info.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/instagram.svg b/public/svgs/icons/instagram.svg
new file mode 100644
index 00000000..0c4adf2e
--- /dev/null
+++ b/public/svgs/icons/instagram.svg
@@ -0,0 +1,16 @@
+
diff --git a/public/svgs/icons/intro.svg b/public/svgs/icons/intro.svg
new file mode 100644
index 00000000..e137a28f
--- /dev/null
+++ b/public/svgs/icons/intro.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/svgs/icons/lightbulb-yellow.svg b/public/svgs/icons/lightbulb-yellow.svg
new file mode 100644
index 00000000..e53d05f3
--- /dev/null
+++ b/public/svgs/icons/lightbulb-yellow.svg
@@ -0,0 +1,44 @@
+
diff --git a/public/svgs/icons/lightbulb.svg b/public/svgs/icons/lightbulb.svg
new file mode 100644
index 00000000..450dccb3
--- /dev/null
+++ b/public/svgs/icons/lightbulb.svg
@@ -0,0 +1,19 @@
+
diff --git a/public/svgs/icons/linkedin.svg b/public/svgs/icons/linkedin.svg
new file mode 100644
index 00000000..ecd20b77
--- /dev/null
+++ b/public/svgs/icons/linkedin.svg
@@ -0,0 +1,16 @@
+
diff --git a/public/svgs/icons/magic-carpet.svg b/public/svgs/icons/magic-carpet.svg
new file mode 100644
index 00000000..16f0058a
--- /dev/null
+++ b/public/svgs/icons/magic-carpet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/minimise.svg b/public/svgs/icons/minimise.svg
new file mode 100644
index 00000000..0e3215d4
--- /dev/null
+++ b/public/svgs/icons/minimise.svg
@@ -0,0 +1,8 @@
+
diff --git a/public/svgs/icons/move-arrows.svg b/public/svgs/icons/move-arrows.svg
new file mode 100644
index 00000000..dfa2dd0f
--- /dev/null
+++ b/public/svgs/icons/move-arrows.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/play.svg b/public/svgs/icons/play.svg
new file mode 100644
index 00000000..73991a9e
--- /dev/null
+++ b/public/svgs/icons/play.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/svgs/icons/project.svg b/public/svgs/icons/project.svg
new file mode 100644
index 00000000..27d82c76
--- /dev/null
+++ b/public/svgs/icons/project.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/question-mark.svg b/public/svgs/icons/question-mark.svg
new file mode 100644
index 00000000..68b426b1
--- /dev/null
+++ b/public/svgs/icons/question-mark.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/quiz-3.svg b/public/svgs/icons/quiz-3.svg
new file mode 100644
index 00000000..4ea33ac9
--- /dev/null
+++ b/public/svgs/icons/quiz-3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/quiz-white.svg b/public/svgs/icons/quiz-white.svg
new file mode 100644
index 00000000..216b316e
--- /dev/null
+++ b/public/svgs/icons/quiz-white.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/icons/quiz.svg b/public/svgs/icons/quiz.svg
new file mode 100644
index 00000000..1ec9c374
--- /dev/null
+++ b/public/svgs/icons/quiz.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/icons/rocket.svg b/public/svgs/icons/rocket.svg
new file mode 100644
index 00000000..4cf5f51a
--- /dev/null
+++ b/public/svgs/icons/rocket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/save.svg b/public/svgs/icons/save.svg
new file mode 100644
index 00000000..92e30a59
--- /dev/null
+++ b/public/svgs/icons/save.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/search.svg b/public/svgs/icons/search.svg
new file mode 100644
index 00000000..5830e602
--- /dev/null
+++ b/public/svgs/icons/search.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/send.svg b/public/svgs/icons/send.svg
new file mode 100644
index 00000000..db3bc1d1
--- /dev/null
+++ b/public/svgs/icons/send.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/share.svg b/public/svgs/icons/share.svg
new file mode 100644
index 00000000..687e16d9
--- /dev/null
+++ b/public/svgs/icons/share.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/sign-language.svg b/public/svgs/icons/sign-language.svg
new file mode 100644
index 00000000..5cca1b85
--- /dev/null
+++ b/public/svgs/icons/sign-language.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/slide-deck-3.svg b/public/svgs/icons/slide-deck-3.svg
new file mode 100644
index 00000000..d6683695
--- /dev/null
+++ b/public/svgs/icons/slide-deck-3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/slide-deck.svg b/public/svgs/icons/slide-deck.svg
new file mode 100644
index 00000000..4ca6c9a2
--- /dev/null
+++ b/public/svgs/icons/slide-deck.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/icons/success.svg b/public/svgs/icons/success.svg
new file mode 100644
index 00000000..4128fb35
--- /dev/null
+++ b/public/svgs/icons/success.svg
@@ -0,0 +1,8 @@
+
diff --git a/public/svgs/icons/supervision-level.svg b/public/svgs/icons/supervision-level.svg
new file mode 100644
index 00000000..b5922c8f
--- /dev/null
+++ b/public/svgs/icons/supervision-level.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/teacher-lesson.svg b/public/svgs/icons/teacher-lesson.svg
new file mode 100644
index 00000000..e37d944c
--- /dev/null
+++ b/public/svgs/icons/teacher-lesson.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/teacher-unit.svg b/public/svgs/icons/teacher-unit.svg
new file mode 100644
index 00000000..23a82366
--- /dev/null
+++ b/public/svgs/icons/teacher-unit.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/tick.svg b/public/svgs/icons/tick.svg
new file mode 100644
index 00000000..9ceaac25
--- /dev/null
+++ b/public/svgs/icons/tick.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/icons/twitter.svg b/public/svgs/icons/twitter.svg
new file mode 100644
index 00000000..e224df3b
--- /dev/null
+++ b/public/svgs/icons/twitter.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/video.svg b/public/svgs/icons/video.svg
new file mode 100644
index 00000000..44d20c91
--- /dev/null
+++ b/public/svgs/icons/video.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/svgs/icons/warning.svg b/public/svgs/icons/warning.svg
new file mode 100644
index 00000000..86388838
--- /dev/null
+++ b/public/svgs/icons/warning.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/svgs/icons/worksheet-3.svg b/public/svgs/icons/worksheet-3.svg
new file mode 100644
index 00000000..3f04a023
--- /dev/null
+++ b/public/svgs/icons/worksheet-3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/icons/worksheet.svg b/public/svgs/icons/worksheet.svg
new file mode 100644
index 00000000..4b6f5561
--- /dev/null
+++ b/public/svgs/icons/worksheet.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/confetti-lavender.svg b/public/svgs/pupil-journey/confetti-lavender.svg
new file mode 100644
index 00000000..5a197015
--- /dev/null
+++ b/public/svgs/pupil-journey/confetti-lavender.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/svgs/pupil-journey/confetti-mint.svg b/public/svgs/pupil-journey/confetti-mint.svg
new file mode 100644
index 00000000..927bc9ee
--- /dev/null
+++ b/public/svgs/pupil-journey/confetti-mint.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/svgs/pupil-journey/confetti-pink.svg b/public/svgs/pupil-journey/confetti-pink.svg
new file mode 100644
index 00000000..4ff862c1
--- /dev/null
+++ b/public/svgs/pupil-journey/confetti-pink.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/svgs/pupil-journey/lesson/lesson-confetti-green-lemon.svg b/public/svgs/pupil-journey/lesson/lesson-confetti-green-lemon.svg
new file mode 100644
index 00000000..3b9b7bcb
--- /dev/null
+++ b/public/svgs/pupil-journey/lesson/lesson-confetti-green-lemon.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/lesson/lesson-confetti-green.svg b/public/svgs/pupil-journey/lesson/lesson-confetti-green.svg
new file mode 100644
index 00000000..f3d3a8c2
--- /dev/null
+++ b/public/svgs/pupil-journey/lesson/lesson-confetti-green.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/lesson/lesson-confetti-lavender.svg b/public/svgs/pupil-journey/lesson/lesson-confetti-lavender.svg
new file mode 100644
index 00000000..85efe0cf
--- /dev/null
+++ b/public/svgs/pupil-journey/lesson/lesson-confetti-lavender.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/lesson/lesson-confetti-mint.svg b/public/svgs/pupil-journey/lesson/lesson-confetti-mint.svg
new file mode 100644
index 00000000..5ff48d54
--- /dev/null
+++ b/public/svgs/pupil-journey/lesson/lesson-confetti-mint.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/lesson/lesson-confetti-pink.svg b/public/svgs/pupil-journey/lesson/lesson-confetti-pink.svg
new file mode 100644
index 00000000..eb338543
--- /dev/null
+++ b/public/svgs/pupil-journey/lesson/lesson-confetti-pink.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/svgs/pupil-journey/line-lavender.svg b/public/svgs/pupil-journey/line-lavender.svg
new file mode 100644
index 00000000..8b2e9ca4
--- /dev/null
+++ b/public/svgs/pupil-journey/line-lavender.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/pupil-journey/line-mint.svg b/public/svgs/pupil-journey/line-mint.svg
new file mode 100644
index 00000000..5ad5fed1
--- /dev/null
+++ b/public/svgs/pupil-journey/line-mint.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/pupil-journey/line-pink.svg b/public/svgs/pupil-journey/line-pink.svg
new file mode 100644
index 00000000..ed1e4a7b
--- /dev/null
+++ b/public/svgs/pupil-journey/line-pink.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/art.svg b/public/svgs/subject-icons/art.svg
new file mode 100644
index 00000000..a3bacd30
--- /dev/null
+++ b/public/svgs/subject-icons/art.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/biology.svg b/public/svgs/subject-icons/biology.svg
new file mode 100644
index 00000000..97569f95
--- /dev/null
+++ b/public/svgs/subject-icons/biology.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/chemistry.svg b/public/svgs/subject-icons/chemistry.svg
new file mode 100644
index 00000000..5d6ad10f
--- /dev/null
+++ b/public/svgs/subject-icons/chemistry.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/citizenship.svg b/public/svgs/subject-icons/citizenship.svg
new file mode 100644
index 00000000..83f184cc
--- /dev/null
+++ b/public/svgs/subject-icons/citizenship.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/communication-and-language.svg b/public/svgs/subject-icons/communication-and-language.svg
new file mode 100644
index 00000000..e38ed1d5
--- /dev/null
+++ b/public/svgs/subject-icons/communication-and-language.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/computing.svg b/public/svgs/subject-icons/computing.svg
new file mode 100644
index 00000000..adafd831
--- /dev/null
+++ b/public/svgs/subject-icons/computing.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/cooking-nutrition.svg b/public/svgs/subject-icons/cooking-nutrition.svg
new file mode 100644
index 00000000..4dbcde86
--- /dev/null
+++ b/public/svgs/subject-icons/cooking-nutrition.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/creative-arts.svg b/public/svgs/subject-icons/creative-arts.svg
new file mode 100644
index 00000000..2f77bff2
--- /dev/null
+++ b/public/svgs/subject-icons/creative-arts.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/design-technology.svg b/public/svgs/subject-icons/design-technology.svg
new file mode 100644
index 00000000..71aa7895
--- /dev/null
+++ b/public/svgs/subject-icons/design-technology.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/drama.svg b/public/svgs/subject-icons/drama.svg
new file mode 100644
index 00000000..211802b1
--- /dev/null
+++ b/public/svgs/subject-icons/drama.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/english-grammar.svg b/public/svgs/subject-icons/english-grammar.svg
new file mode 100644
index 00000000..d31a37fc
--- /dev/null
+++ b/public/svgs/subject-icons/english-grammar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/english-spelling.svg b/public/svgs/subject-icons/english-spelling.svg
new file mode 100644
index 00000000..78288fbf
--- /dev/null
+++ b/public/svgs/subject-icons/english-spelling.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/english.svg b/public/svgs/subject-icons/english.svg
new file mode 100644
index 00000000..d0378133
--- /dev/null
+++ b/public/svgs/subject-icons/english.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/french.svg b/public/svgs/subject-icons/french.svg
new file mode 100644
index 00000000..324e434b
--- /dev/null
+++ b/public/svgs/subject-icons/french.svg
@@ -0,0 +1,13 @@
+
diff --git a/public/svgs/subject-icons/geography.svg b/public/svgs/subject-icons/geography.svg
new file mode 100644
index 00000000..c30c748b
--- /dev/null
+++ b/public/svgs/subject-icons/geography.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/german.svg b/public/svgs/subject-icons/german.svg
new file mode 100644
index 00000000..af2bb042
--- /dev/null
+++ b/public/svgs/subject-icons/german.svg
@@ -0,0 +1,34 @@
+
diff --git a/public/svgs/subject-icons/handwriting.svg b/public/svgs/subject-icons/handwriting.svg
new file mode 100644
index 00000000..96d4ed4d
--- /dev/null
+++ b/public/svgs/subject-icons/handwriting.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/history.svg b/public/svgs/subject-icons/history.svg
new file mode 100644
index 00000000..bc945640
--- /dev/null
+++ b/public/svgs/subject-icons/history.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/independent-living.svg b/public/svgs/subject-icons/independent-living.svg
new file mode 100644
index 00000000..784512cf
--- /dev/null
+++ b/public/svgs/subject-icons/independent-living.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/latin.svg b/public/svgs/subject-icons/latin.svg
new file mode 100644
index 00000000..26d8a7a3
--- /dev/null
+++ b/public/svgs/subject-icons/latin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/literature.svg b/public/svgs/subject-icons/literature.svg
new file mode 100644
index 00000000..eea53863
--- /dev/null
+++ b/public/svgs/subject-icons/literature.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/maths.svg b/public/svgs/subject-icons/maths.svg
new file mode 100644
index 00000000..d3c44da0
--- /dev/null
+++ b/public/svgs/subject-icons/maths.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/music-hollow.svg b/public/svgs/subject-icons/music-hollow.svg
new file mode 100644
index 00000000..d3467c88
--- /dev/null
+++ b/public/svgs/subject-icons/music-hollow.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/numeracy.svg b/public/svgs/subject-icons/numeracy.svg
new file mode 100644
index 00000000..5fcd1e3b
--- /dev/null
+++ b/public/svgs/subject-icons/numeracy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/physical-development.svg b/public/svgs/subject-icons/physical-development.svg
new file mode 100644
index 00000000..cceca7ad
--- /dev/null
+++ b/public/svgs/subject-icons/physical-development.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/physical-education.svg b/public/svgs/subject-icons/physical-education.svg
new file mode 100644
index 00000000..331d68b1
--- /dev/null
+++ b/public/svgs/subject-icons/physical-education.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/physical-therapy.svg b/public/svgs/subject-icons/physical-therapy.svg
new file mode 100644
index 00000000..bbfbe86d
--- /dev/null
+++ b/public/svgs/subject-icons/physical-therapy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/physics.svg b/public/svgs/subject-icons/physics.svg
new file mode 100644
index 00000000..5497047a
--- /dev/null
+++ b/public/svgs/subject-icons/physics.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/reading-writing-oracy.svg b/public/svgs/subject-icons/reading-writing-oracy.svg
new file mode 100644
index 00000000..5bbbd81c
--- /dev/null
+++ b/public/svgs/subject-icons/reading-writing-oracy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/religious-education.svg b/public/svgs/subject-icons/religious-education.svg
new file mode 100644
index 00000000..14766224
--- /dev/null
+++ b/public/svgs/subject-icons/religious-education.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/rshe-pshe.svg b/public/svgs/subject-icons/rshe-pshe.svg
new file mode 100644
index 00000000..d4f8a4ae
--- /dev/null
+++ b/public/svgs/subject-icons/rshe-pshe.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/science.svg b/public/svgs/subject-icons/science.svg
new file mode 100644
index 00000000..c7362abc
--- /dev/null
+++ b/public/svgs/subject-icons/science.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/sensory-integration.svg b/public/svgs/subject-icons/sensory-integration.svg
new file mode 100644
index 00000000..0ec658a8
--- /dev/null
+++ b/public/svgs/subject-icons/sensory-integration.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/spanish.svg b/public/svgs/subject-icons/spanish.svg
new file mode 100644
index 00000000..f2e0b810
--- /dev/null
+++ b/public/svgs/subject-icons/spanish.svg
@@ -0,0 +1,14 @@
+
diff --git a/public/svgs/subject-icons/speech-and-language.svg b/public/svgs/subject-icons/speech-and-language.svg
new file mode 100644
index 00000000..cb7bd91c
--- /dev/null
+++ b/public/svgs/subject-icons/speech-and-language.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/swimming.svg b/public/svgs/subject-icons/swimming.svg
new file mode 100644
index 00000000..026da724
--- /dev/null
+++ b/public/svgs/subject-icons/swimming.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/subject-icons/therapy.svg b/public/svgs/subject-icons/therapy.svg
new file mode 100644
index 00000000..09016d89
--- /dev/null
+++ b/public/svgs/subject-icons/therapy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/understanding-the-world.svg b/public/svgs/subject-icons/understanding-the-world.svg
new file mode 100644
index 00000000..993e08e9
--- /dev/null
+++ b/public/svgs/subject-icons/understanding-the-world.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/subject-icons/vocabulary.svg b/public/svgs/subject-icons/vocabulary.svg
new file mode 100644
index 00000000..e10c6c1f
--- /dev/null
+++ b/public/svgs/subject-icons/vocabulary.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svgs/teacher-journey/audio-clip-small.svg b/public/svgs/teacher-journey/audio-clip-small.svg
new file mode 100644
index 00000000..585ee054
--- /dev/null
+++ b/public/svgs/teacher-journey/audio-clip-small.svg
@@ -0,0 +1,26 @@
+
\ No newline at end of file
diff --git a/public/svgs/ui-graphics/loopdown.svg b/public/svgs/ui-graphics/loopdown.svg
new file mode 100644
index 00000000..9d4e2802
--- /dev/null
+++ b/public/svgs/ui-graphics/loopdown.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/atoms/OakIcon/OakIcon.test.tsx b/src/components/atoms/OakIcon/OakIcon.test.tsx
index c8fc7112..4b3737a6 100644
--- a/src/components/atoms/OakIcon/OakIcon.test.tsx
+++ b/src/components/atoms/OakIcon/OakIcon.test.tsx
@@ -72,20 +72,16 @@ describe("isValidIconName", () => {
describe("generateOakIconURL", () => {
it("is valid url when the string is a valid icon name", () => {
- expect(generateOakIconURL("home")).toBe(
- "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",
- );
+ expect(generateOakIconURL("home")).toBe("svgs/icons/home.svg");
});
it("is returns url for question mark when the string is not a valid icon name", () => {
expect(generateOakIconURL("banana-sandwich")).toBe(
- "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1706872277/icons/question-mark.svg",
+ "svgs/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(
- "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953657/icons/hz4l3iq6i68kazvkvorq.svg",
- );
+ expect(generateOakIconURL("subject-potions")).toBe("svgs/icons/books.svg");
});
});
diff --git a/src/components/atoms/OakIcon/OakIcon.tsx b/src/components/atoms/OakIcon/OakIcon.tsx
index 66a4874b..63250aff 100644
--- a/src/components/atoms/OakIcon/OakIcon.tsx
+++ b/src/components/atoms/OakIcon/OakIcon.tsx
@@ -1,7 +1,6 @@
import React from "react";
-import { IconName, icons } from "../../../image-map";
-
+import { IconName, icons } from "@/image-map";
import { OakImage, OakImageProps } from "@/components/atoms/OakImage";
export const oakIconNames = Object.keys(icons) as IconName[];
@@ -29,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 = `https://${process.env.NEXT_PUBLIC_OAK_ASSETS_HOST}/${process.env.NEXT_PUBLIC_OAK_ASSETS_PATH}`;
+ const urlPath = `svgs`;
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
index 6375f419..458e306a 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg"
+ src="svgs/icons/home.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap b/src/components/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap
index 2319e6b1..777ada31 100644
--- a/src/components/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap
+++ b/src/components/molecules/InternalChevronAccordion/__snapshots__/InternalChevronAccordion.test.tsx.snap
@@ -199,7 +199,7 @@ exports[`InternalChevronAccordion matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap b/src/components/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap
index bc717b29..154d8040 100644
--- a/src/components/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap
+++ b/src/components/molecules/InternalShadowRectButton/__snapshots__/InternalShadowRectButton.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`InternalShadowRectButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap b/src/components/molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap
index 3940eb94..8d0979cb 100644
--- a/src/components/molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap
+++ b/src/components/molecules/InternalShadowRoundButton/__snapshots__/InternalShadowRoundButton.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`InternalShadowRoundButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.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
index ba793d3d..b5ec4af6 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.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
index 69ff8d3d..4d02eb0f 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg"
+ src="svgs/icons/chevron-left.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
index ceccbe04..21314276 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.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
index a844689d..95683e04 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1727861316/icons/Icon_Copy_qxgynv.svg"
+ src="svgs/icons/copy.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap b/src/components/molecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap
index da19172f..16cbe5cd 100644
--- a/src/components/molecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap
+++ b/src/components/molecules/OakDragAndDropInstructions/__snapshots__/OakDragAndDropInstructions.test.tsx.snap
@@ -90,7 +90,7 @@ exports[`OakDragAndDropInstructions matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.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
index 54cfc6b4..47a287c6 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap b/src/components/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap
index d6f8c62e..4ba7340f 100644
--- a/src/components/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap
+++ b/src/components/molecules/OakDraggableFeedback/__snapshots__/OakDraggableFeedback.test.tsx.snap
@@ -132,7 +132,7 @@ exports[`OakDraggableFeedback matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.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
index 591256bb..d7e1d268 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="http://localhost/svgs/icons/cross.svg"
style="position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; color: transparent;"
/>
diff --git a/src/components/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap b/src/components/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap
index aba1c545..c822c9d6 100644
--- a/src/components/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap
+++ b/src/components/molecules/OakHandDrawnCardWithIcon/__snapshots__/OakHandDrawnCardWithIcon.test.tsx.snap
@@ -135,7 +135,7 @@ exports[`OakHandDrawnCardWithIcon matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895429/icons/bzhojpjxp9rukdvh7daz.svg"
+ src="svgs/icons/worksheet-3.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
index 02cfbb64..c2a8d83d 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
+ src="svgs/icons/info.svg"
style={
{
"bottom": 0,
@@ -449,7 +449,7 @@ exports[`OakInlineBanner matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="svgs/icons/cross.svg"
style={
{
"bottom": 0,
@@ -494,7 +494,7 @@ exports[`OakInlineBanner matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.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
index 74f64d56..4cd0dbff 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1706872277/icons/question-mark.svg"
+ src="svgs/icons/question-mark.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap b/src/components/molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap
index 426971b6..260166fc 100644
--- a/src/components/molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap
+++ b/src/components/molecules/OakMediaClipListAccordion/__snapshots__/OakMediaClipListAccordion.test.tsx.snap
@@ -254,7 +254,7 @@ exports[`OakMediaClipListAccordion matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.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
index 8c331d6b..7b93f254 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="http://localhost/svgs/icons/cross.svg"
style="position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; color: transparent;"
/>
diff --git a/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenter.test.tsx.snap b/src/components/molecules/OakModalCenter/__snapshots__/OakModalCenter.test.tsx.snap
index 6c2c0b43..0c0a7ca8 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="svgs/icons/cross.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
index fe01553e..5184d60c 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954277/icons/tm3uhcqenaznq4fxys7j.svg"
+ src="svgs/icons/content-guidance.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
index 5f9db2aa..3dc3c789 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.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
index 4996a1fe..c3bdd57d 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap b/src/components/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap
index c03a7863..3e3709d3 100644
--- a/src/components/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap
+++ b/src/components/molecules/OakPrimaryInvertedButton/__snapshots__/OakPrimaryInvertedButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakPrimaryInvertedButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.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
index d008c674..adc19699 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg"
+ src="svgs/icons/home.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
index 6794fa4c..0660786e 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1730982187/Icon_Expand_arrktl.svg"
+ src="svgs/icons/expand.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
index 44638e45..8e7781cd 100644
--- 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="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap b/src/components/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap
index bf4bd323..8a53c2e6 100644
--- a/src/components/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap
+++ b/src/components/molecules/OakSignLanguageButton/__snapshots__/OakSignLanguageButton.test.tsx.snap
@@ -201,7 +201,7 @@ exports[`OakSignLanguageButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953861/icons/ns94ozvozzi22enxkx0x.svg"
+ src="svgs/icons/sign-language.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap b/src/components/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap
index 1161dfda..dcbd5d96 100644
--- a/src/components/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap
+++ b/src/components/molecules/OakSmallPrimaryButton/__snapshots__/OakSmallPrimaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakSmallPrimaryButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap b/src/components/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap
index 0ffaf620..c5ac81fe 100644
--- a/src/components/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap
+++ b/src/components/molecules/OakSmallSecondaryButton/__snapshots__/OakSmallSecondaryButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakSmallSecondaryButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/curriculum/OakDownloadsJourneyChildSubjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap b/src/components/organisms/curriculum/OakDownloadsJourneyChildSubjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap
index c1cdcd4f..6a51c52f 100644
--- a/src/components/organisms/curriculum/OakDownloadsJourneyChildSubjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap
+++ b/src/components/organisms/curriculum/OakDownloadsJourneyChildSubjectTierSelector/__snapshots__/OakDownloadsJourneyChildSubjectTierSelector.test.tsx.snap
@@ -389,7 +389,7 @@ exports[`OakDownloadsJourneyChildSubjectTierSelector matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
+ src="svgs/icons/info.svg"
style={
{
"bottom": 0,
@@ -590,7 +590,7 @@ exports[`OakDownloadsJourneyChildSubjectTierSelector matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707149070/icons/fv0z57zerrioft52dd9n.svg"
+ src="svgs/icons/arrow-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap
index 3ff39c8d..68e1385b 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyHeader/__snapshots__/OakPupilJourneyHeader.test.tsx.snap
@@ -244,7 +244,7 @@ exports[`OakPupilJourneyHeader matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/science.svg"
+ src="svgs/subject-icons/science.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.test.tsx b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.test.tsx
new file mode 100644
index 00000000..79a2701c
--- /dev/null
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.test.tsx
@@ -0,0 +1,126 @@
+import React from "react";
+import "@testing-library/jest-dom";
+import { create } from "react-test-renderer";
+
+import {
+ OakPupilJourneyLayout,
+ getBackgroundUrlForSection,
+ PupilJourneySectionName,
+ Phase,
+} from "./OakPupilJourneyLayout";
+
+import renderWithTheme from "@/test-helpers/renderWithTheme";
+import { OakThemeProvider } from "@/components/atoms";
+import { oakDefaultTheme } from "@/styles";
+
+describe("OakPupilJourneyLayout", () => {
+ it("should render successfully", () => {
+ const { getByText } = renderWithTheme(
+
+ Hello World
+ ,
+ );
+ expect(getByText("Hello World")).toBeInTheDocument();
+ });
+
+ it("matches snapshot", () => {
+ const tree = create(
+
+
+ Hello World
+
+ ,
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe("getBackgroundUrlForSection", () => {
+ it("should return the correct background image for lesson-listing primary", () => {
+ expect(getBackgroundUrlForSection("lesson-listing", "primary")).toBe(
+ "svgs/pupil-journey/confetti-pink.svg",
+ );
+ });
+
+ it("should return the correct background image for lesson-listing secondary", () => {
+ expect(getBackgroundUrlForSection("lesson-listing", "secondary")).toBe(
+ "svgs/pupil-journey/confetti-lavender.svg",
+ );
+ });
+
+ it("should return the correct background image for unit-listing primary", () => {
+ expect(getBackgroundUrlForSection("unit-listing", "primary")).toBe(
+ "svgs/pupil-journey/line-pink.svg",
+ );
+ });
+
+ it("should return the correct background image for unit-listing secondary", () => {
+ expect(getBackgroundUrlForSection("unit-listing", "secondary")).toBe(
+ "svgs/pupil-journey/line-lavender.svg",
+ );
+ });
+
+ it("should return the correct background image for subject-listing", () => {
+ expect(getBackgroundUrlForSection("subject-listing")).toBe(
+ "svgs/pupil-journey/line-mint.svg",
+ );
+ });
+
+ it("should return the correct background image for year-listing", () => {
+ expect(getBackgroundUrlForSection("year-listing")).toBe(
+ "svgs/pupil-journey/confetti-mint.svg",
+ );
+ });
+});
+
+describe("OakPupilJourneyLayout backgroundColor", () => {
+ const renderComponent = (
+ sectionName: PupilJourneySectionName,
+ phase?: Phase,
+ ) =>
+ renderWithTheme(
+
+ Test Content
+ ,
+ );
+
+ it("should return bg-decorative4-very-subdued for lesson-listing primary", () => {
+ const { container } = renderComponent("lesson-listing", "primary");
+ expect(container.firstChild).toHaveStyle("background: rgb(245, 233, 242)");
+ });
+
+ it("should return bg-decorative3-very-subdued for lesson-listing secondary", () => {
+ const { container } = renderComponent("lesson-listing", "secondary");
+ expect(container.firstChild).toHaveStyle("background: rgb(227, 233, 251)");
+ });
+
+ it("should return bg-decorative4-very-subdued for unit-listing primary", () => {
+ const { container } = renderComponent("unit-listing", "primary");
+ expect(container.firstChild).toHaveStyle("background: rgb(245, 233, 242)");
+ });
+
+ it("should return bg-decorative3-very-subdued for unit-listing secondary", () => {
+ const { container } = renderComponent("unit-listing", "secondary");
+ expect(container.firstChild).toHaveStyle("background: rgb(227, 233, 251)");
+ });
+
+ it("should return bg-decorative4-very-subdued for tier-listing primary", () => {
+ const { container } = renderComponent("tier-listing", "primary");
+ expect(container.firstChild).toHaveStyle("background: rgb(245, 233, 242)");
+ });
+
+ it("should return bg-decorative3-very-subdued for tier-listing secondary", () => {
+ const { container } = renderComponent("tier-listing", "secondary");
+ expect(container.firstChild).toHaveStyle("background: rgb(227, 233, 251)");
+ });
+
+ it("should return bg-decorative1-main for subject-listing", () => {
+ const { container } = renderComponent("subject-listing");
+ expect(container.firstChild).toHaveStyle("background: rgb(190, 242, 189)");
+ });
+
+ it("should return bg-decorative1-main for year-listing", () => {
+ const { container } = renderComponent("year-listing");
+ expect(container.firstChild).toHaveStyle("background: rgb(190, 242, 189)");
+ });
+});
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.tsx b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.tsx
index a760505a..b150496d 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.tsx
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/OakPupilJourneyLayout.tsx
@@ -5,7 +5,7 @@ import { OakFlex } from "@/components/atoms";
import { getBreakpoint } from "@/styles/utils/responsiveStyle";
import { backgrounds } from "@/image-map";
-type PupilJourneySectionName =
+export type PupilJourneySectionName =
| "tier-listing"
| "examboard-listing"
| "unit-listing"
@@ -13,7 +13,7 @@ type PupilJourneySectionName =
| "subject-listing"
| "year-listing";
-type Phase = "primary" | "secondary";
+export type Phase = "primary" | "secondary";
export type OakPupilJourneyLayoutProps = {
sectionName: PupilJourneySectionName;
@@ -96,11 +96,11 @@ export const OakPupilJourneyLayout = ({
);
};
-function getBackgroundUrlForSection(
+export function getBackgroundUrlForSection(
sectionName: PupilJourneySectionName,
phase?: Phase,
) {
- const prefix = `https://${process.env.NEXT_PUBLIC_OAK_ASSETS_HOST}/${process.env.NEXT_PUBLIC_OAK_ASSETS_PATH}/`;
+ const prefix = "svgs/";
switch (sectionName) {
case "lesson-listing":
return phase === "primary"
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyLayout/__snapshots__/OakPupilJourneyLayout.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/__snapshots__/OakPupilJourneyLayout.test.tsx.snap
new file mode 100644
index 00000000..493ae2e2
--- /dev/null
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyLayout/__snapshots__/OakPupilJourneyLayout.test.tsx.snap
@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OakPupilJourneyLayout matches snapshot 1`] = `
+.c0 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c1 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media (min-width:750px) {
+ .c0 {
+ padding-left: 1.5rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c0 {
+ padding-right: 1.5rem;
+ }
+}
+
+@media (min-width:1280px) {
+ .c2 {
+ background-image: url();
+ background-repeat: no-repeat;
+ background-position-x: center;
+ background-size: 100%;
+ }
+}
+
+
+`;
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap
index 5106b9bc..47288212 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyListItem/__snapshots__/OakPupilJourneyListItem.test.tsx.snap
@@ -299,7 +299,7 @@ exports[`OakPupilJourneyListItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap
index 3a21b4d3..a8b07e1b 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityButton/__snapshots__/OakPupilJourneyOptionalityButton.test.tsx.snap
@@ -242,7 +242,7 @@ exports[`OakPupilJourneyOptionalityButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap
index 4594320b..fef8fb05 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyOptionalityItem/__snapshots__/OakPupilJourneyOptionalityItem.test.tsx.snap
@@ -400,7 +400,7 @@ exports[`OakPupilJourneyOptionalityItem component test matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
@@ -481,7 +481,7 @@ exports[`OakPupilJourneyOptionalityItem component test matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap
index d6b327ad..3792e96b 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneySubjectButton/__snapshots__/OakPupilJourneySubjectButton.test.tsx.snap
@@ -176,7 +176,7 @@ exports[`OakPupilJourneySubjectButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/english.svg"
+ src="svgs/subject-icons/english.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap b/src/components/organisms/pupil/browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap
index 18b1e8b8..e69a4be6 100644
--- a/src/components/organisms/pupil/browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap
+++ b/src/components/organisms/pupil/browse/OakPupilJourneyUnitsFilter/__snapshots__/OakPupilJourneyUnitsFilter.test.tsx.snap
@@ -495,7 +495,7 @@ exports[`PupilJourneyUnitsFilter matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/InternalReviewAccordion/__snapshots__/InternalReviewAccordion.test.tsx.snap b/src/components/organisms/pupil/lesson/InternalReviewAccordion/__snapshots__/InternalReviewAccordion.test.tsx.snap
index 9a09b5a9..bc0abd09 100644
--- a/src/components/organisms/pupil/lesson/InternalReviewAccordion/__snapshots__/InternalReviewAccordion.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/InternalReviewAccordion/__snapshots__/InternalReviewAccordion.test.tsx.snap
@@ -253,7 +253,7 @@ exports[`InternalReviewAccordion matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonBottomNav/__snapshots__/OakLessonBottomNav.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonBottomNav/__snapshots__/OakLessonBottomNav.test.tsx.snap
index dfc0a6b8..ed0d90a2 100644
--- a/src/components/organisms/pupil/lesson/OakLessonBottomNav/__snapshots__/OakLessonBottomNav.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonBottomNav/__snapshots__/OakLessonBottomNav.test.tsx.snap
@@ -306,7 +306,7 @@ exports[`OakLessonBottomNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705078631/icons/zldisxmbff36z68rwcef.svg"
+ src="svgs/icons/lightbulb.svg"
style={
{
"bottom": 0,
@@ -507,7 +507,7 @@ exports[`OakLessonBottomNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.svg"
style={
{
"bottom": 0,
@@ -713,7 +713,7 @@ exports[`OakLessonBottomNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="svgs/icons/cross.svg"
style={
{
"bottom": 0,
@@ -919,7 +919,7 @@ exports[`OakLessonBottomNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.test.tsx b/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.test.tsx
new file mode 100644
index 00000000..5aab7691
--- /dev/null
+++ b/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.test.tsx
@@ -0,0 +1,139 @@
+import React from "react";
+import "@testing-library/jest-dom";
+import { create } from "react-test-renderer";
+
+import { OakLessonLayout, OakLessonLayoutProps } from "./OakLessonLayout";
+
+import renderWithTheme from "@/test-helpers/renderWithTheme";
+import { OakThemeProvider } from "@/components/atoms";
+import { oakDefaultTheme } from "@/styles";
+
+describe("OakLessonLayout", () => {
+ it("should render successfully", () => {
+ const { getByText } = renderWithTheme(
+ top nav slot}
+ bottomNavSlot={bottom nav slot
}
+ >
+ Hello World
+ ,
+ );
+ expect(getByText("Hello World")).toBeInTheDocument();
+ });
+
+ it("matches snapshot", () => {
+ const tree = create(
+
+ top nav slot}
+ bottomNavSlot={bottom nav slot
}
+ >
+ Hello World
+
+ ,
+ ,
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe("OakLessonLayoutProps", () => {
+ const renderComponent = (props: OakLessonLayoutProps) =>
+ renderWithTheme(
+
+ {props.children}
+ ,
+ );
+
+ it("should render with correct background color for overview section in primary phase", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "overview",
+ phase: "primary",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(229, 209, 224)");
+ });
+
+ it("should render with correct background color for overview section in secondary phase", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "overview",
+ phase: "secondary",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(198, 209, 239)");
+ });
+
+ it("should render with correct background color for intro section", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "intro",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(206, 231, 229)");
+ });
+
+ it("should render with correct background color for starter-quiz section", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "starter-quiz",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(190, 242, 189)");
+ });
+
+ it("should render with correct background color for video section", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "video",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(229, 209, 224)");
+ });
+
+ it("should render with correct background color for exit-quiz section", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "exit-quiz",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(255, 229, 85)");
+ });
+
+ it("should render with correct background color for review section in primary phase", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "review",
+ phase: "primary",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(229, 209, 224)");
+ });
+
+ it("should render with correct background color for review section in secondary phase", () => {
+ const { container } = renderComponent({
+ lessonSectionName: "review",
+ phase: "secondary",
+ topNavSlot: top nav slot
,
+ bottomNavSlot: bottom nav slot
,
+ children: Hello World
,
+ });
+ expect(container.firstChild).toHaveStyle("background: rgb(198, 209, 239)");
+ });
+});
diff --git a/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.tsx b/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.tsx
index 44b71dcf..0c569c7e 100644
--- a/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.tsx
+++ b/src/components/organisms/pupil/lesson/OakLessonLayout/OakLessonLayout.tsx
@@ -256,7 +256,7 @@ function getBackgroundUrlForLesson(
phase: Phase,
celebrate: boolean,
) {
- const prefix = `https://${process.env.NEXT_PUBLIC_OAK_ASSETS_HOST}/${process.env.NEXT_PUBLIC_OAK_ASSETS_PATH}/`;
+ const prefix = "svgs/";
switch (sectionName) {
case "overview":
return phase === "secondary"
diff --git a/src/components/organisms/pupil/lesson/OakLessonLayout/__snapshots__/OakLessonLayout.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonLayout/__snapshots__/OakLessonLayout.test.tsx.snap
new file mode 100644
index 00000000..96d3a29b
--- /dev/null
+++ b/src/components/organisms/pupil/lesson/OakLessonLayout/__snapshots__/OakLessonLayout.test.tsx.snap
@@ -0,0 +1,276 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OakLessonLayout matches snapshot 1`] = `
+[
+ .c0 {
+ width: 100%;
+ min-height: 100%;
+ padding-left: 0rem;
+ padding-right: 0rem;
+ background: #c6d1ef;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c2 {
+ position: relative;
+ max-width: 80rem;
+ min-height: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ background: #ffffff;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c4 {
+ display: none;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c5 {
+ min-height: 100%;
+ padding-top: 0rem;
+ font-family: --var(google-font),Lexend,sans-serif;
+ z-index: 1;
+}
+
+.c7 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin-right: 0rem;
+ background: #ffffff;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c8 {
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c9 {
+ margin-left: 0rem;
+ margin-right: 0rem;
+ background: #ffffff;
+ border-top: 0.25rem solid;
+ border-color: #a0b6f2;
+ font-family: --var(google-font),Lexend,sans-serif;
+}
+
+.c3 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ gap: 3rem;
+}
+
+.c10 {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 10;
+}
+
+@media (min-width:750px) {
+ .c0 {
+ padding-left: 1.5rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c0 {
+ padding-right: 1.5rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c2 {
+ background: transparent;
+ }
+}
+
+@media (min-width:750px) {
+ .c4 {
+ display: block;
+ }
+}
+
+@media (min-width:750px) {
+ .c5 {
+ padding-top: 1rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c7 {
+ padding-left: 0.5rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c7 {
+ padding-right: 0rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c7 {
+ margin-right: 3rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c7 {
+ background: transparent;
+ }
+}
+
+@media (min-width:750px) {
+ .c9 {
+ margin-left: 0rem;
+ }
+}
+
+@media (min-width:1280px) {
+ .c9 {
+ margin-left: 0.25rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c9 {
+ margin-right: 0rem;
+ }
+}
+
+@media (min-width:1280px) {
+ .c9 {
+ margin-right: 0.25rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c9 {
+ background: #ffffff;
+ }
+}
+
+@media (min-width:750px) {
+ .c6 {
+ gap: 3.5rem;
+ }
+}
+
+@media (min-width:750px) {
+ .c1 {
+ padding-top: 3.5rem;
+ }
+}
+
+@media (min-width:1280px) {
+ .c1 {
+ background-repeat: no-repeat;
+ background-position-x: center;
+ background-size: 100%;
+ }
+}
+
+,
+ ",",
+]
+`;
diff --git a/src/components/organisms/pupil/lesson/OakLessonNavItem/__snapshots__/OakLessonNavItem.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonNavItem/__snapshots__/OakLessonNavItem.test.tsx.snap
index 0bf5fb0b..c84e2998 100644
--- a/src/components/organisms/pupil/lesson/OakLessonNavItem/__snapshots__/OakLessonNavItem.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonNavItem/__snapshots__/OakLessonNavItem.test.tsx.snap
@@ -236,7 +236,7 @@ exports[`OakLessonNavItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705662092/icons/pl7bnmb13txese9yxkjv.svg"
+ src="svgs/icons/intro.svg"
style={
{
"bottom": 0,
@@ -282,7 +282,7 @@ exports[`OakLessonNavItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonReviewIntroVideo/__snapshots__/OakPupilLessonReviewIntroVideo.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonReviewIntroVideo/__snapshots__/OakPupilLessonReviewIntroVideo.test.tsx.snap
index 19065dcc..70f6cfdf 100644
--- a/src/components/organisms/pupil/lesson/OakLessonReviewIntroVideo/__snapshots__/OakPupilLessonReviewIntroVideo.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonReviewIntroVideo/__snapshots__/OakPupilLessonReviewIntroVideo.test.tsx.snap
@@ -216,7 +216,7 @@ exports[`OakLessonReviewIntroVideo matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705662092/icons/pl7bnmb13txese9yxkjv.svg"
+ src="svgs/icons/intro.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonReviewItem/__snapshots__/OakPupilLessonReviewItem.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonReviewItem/__snapshots__/OakPupilLessonReviewItem.test.tsx.snap
index 248ff270..4b290cc0 100644
--- a/src/components/organisms/pupil/lesson/OakLessonReviewItem/__snapshots__/OakPupilLessonReviewItem.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonReviewItem/__snapshots__/OakPupilLessonReviewItem.test.tsx.snap
@@ -180,7 +180,7 @@ exports[`OakLessonReviewItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705662092/icons/pl7bnmb13txese9yxkjv.svg"
+ src="svgs/icons/intro.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonReviewQuiz/__snapshots__/OakPupilLessonReviewQuiz.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonReviewQuiz/__snapshots__/OakPupilLessonReviewQuiz.test.tsx.snap
index 66f54e3e..30833060 100644
--- a/src/components/organisms/pupil/lesson/OakLessonReviewQuiz/__snapshots__/OakPupilLessonReviewQuiz.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonReviewQuiz/__snapshots__/OakPupilLessonReviewQuiz.test.tsx.snap
@@ -216,7 +216,7 @@ exports[`OakLessonReviewQuiz matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705416077/icons/kaaizjcudy0jfgfrrdel.svg"
+ src="svgs/icons/quiz.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonTopNav/__snapshots__/OakLessonTopNav.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonTopNav/__snapshots__/OakLessonTopNav.test.tsx.snap
index 2726550e..73d47b7e 100644
--- a/src/components/organisms/pupil/lesson/OakLessonTopNav/__snapshots__/OakLessonTopNav.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonTopNav/__snapshots__/OakLessonTopNav.test.tsx.snap
@@ -226,7 +226,7 @@ exports[`OakLessonTopNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg"
+ src="svgs/icons/chevron-left.svg"
style={
{
"bottom": 0,
@@ -262,7 +262,7 @@ exports[`OakLessonTopNav matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705662092/icons/pl7bnmb13txese9yxkjv.svg"
+ src="svgs/icons/intro.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/lesson/OakLessonVideoTranscript/__snapshots__/OakLessonVideoTranscript.test.tsx.snap b/src/components/organisms/pupil/lesson/OakLessonVideoTranscript/__snapshots__/OakLessonVideoTranscript.test.tsx.snap
index c3712848..36c6d666 100644
--- a/src/components/organisms/pupil/lesson/OakLessonVideoTranscript/__snapshots__/OakLessonVideoTranscript.test.tsx.snap
+++ b/src/components/organisms/pupil/lesson/OakLessonVideoTranscript/__snapshots__/OakLessonVideoTranscript.test.tsx.snap
@@ -229,7 +229,7 @@ exports[`OakLessonVideoTranscript matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakHintButton/__snapshots__/OakHintButton.test.tsx.snap b/src/components/organisms/pupil/quiz/OakHintButton/__snapshots__/OakHintButton.test.tsx.snap
index bf32e7f2..1d095a21 100644
--- a/src/components/organisms/pupil/quiz/OakHintButton/__snapshots__/OakHintButton.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakHintButton/__snapshots__/OakHintButton.test.tsx.snap
@@ -200,7 +200,7 @@ exports[`OakHintButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705078631/icons/zldisxmbff36z68rwcef.svg"
+ src="svgs/icons/lightbulb.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakQuizFeedback/__snapshots__/OakQuizFeedback.test.tsx.snap b/src/components/organisms/pupil/quiz/OakQuizFeedback/__snapshots__/OakQuizFeedback.test.tsx.snap
index fa89cfdd..d1e98159 100644
--- a/src/components/organisms/pupil/quiz/OakQuizFeedback/__snapshots__/OakQuizFeedback.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakQuizFeedback/__snapshots__/OakQuizFeedback.test.tsx.snap
@@ -84,7 +84,7 @@ exports[`OakQuizFeedback matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.svg"
style={
{
"bottom": 0,
@@ -198,7 +198,7 @@ exports[`OakQuizFeedback matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699895179/icons/xigimrbivcaxt4omxamp.svg"
+ src="svgs/icons/cross.svg"
style={
{
"bottom": 0,
@@ -312,7 +312,7 @@ exports[`OakQuizFeedback matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699954310/icons/efd3esaor6zqk7seh6kt.svg"
+ src="svgs/icons/tick.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakQuizHint/__snapshots__/OakQuizHint.test.tsx.snap b/src/components/organisms/pupil/quiz/OakQuizHint/__snapshots__/OakQuizHint.test.tsx.snap
index 38d21529..4edca17c 100644
--- a/src/components/organisms/pupil/quiz/OakQuizHint/__snapshots__/OakQuizHint.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakQuizHint/__snapshots__/OakQuizHint.test.tsx.snap
@@ -219,7 +219,7 @@ exports[`OakQuizHint matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1705078631/icons/zldisxmbff36z68rwcef.svg"
+ src="svgs/icons/lightbulb.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakQuizMatch/__snapshots__/OakQuizMatch.test.tsx.snap b/src/components/organisms/pupil/quiz/OakQuizMatch/__snapshots__/OakQuizMatch.test.tsx.snap
index 13e56681..b49fa453 100644
--- a/src/components/organisms/pupil/quiz/OakQuizMatch/__snapshots__/OakQuizMatch.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakQuizMatch/__snapshots__/OakQuizMatch.test.tsx.snap
@@ -108,7 +108,7 @@ exports[`OakQuizMatch matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -364,7 +364,7 @@ exports[`OakQuizMatch matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -418,7 +418,7 @@ exports[`OakQuizMatch matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -472,7 +472,7 @@ exports[`OakQuizMatch matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakQuizOrder/__snapshots__/OakQuizOrder.test.tsx.snap b/src/components/organisms/pupil/quiz/OakQuizOrder/__snapshots__/OakQuizOrder.test.tsx.snap
index 7db86d54..b09907d0 100644
--- a/src/components/organisms/pupil/quiz/OakQuizOrder/__snapshots__/OakQuizOrder.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakQuizOrder/__snapshots__/OakQuizOrder.test.tsx.snap
@@ -108,7 +108,7 @@ exports[`OakQuizOrder matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -397,7 +397,7 @@ exports[`OakQuizOrder matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -465,7 +465,7 @@ exports[`OakQuizOrder matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
@@ -533,7 +533,7 @@ exports[`OakQuizOrder matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/hoddjsgpzkszgvnmn91q.svg"
+ src="svgs/icons/move-arrows.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/pupil/quiz/OakQuizPrintableHeader/__snapshots__/OakQuizPrintableHeader.test.tsx.snap b/src/components/organisms/pupil/quiz/OakQuizPrintableHeader/__snapshots__/OakQuizPrintableHeader.test.tsx.snap
index 79baa296..1dd65384 100644
--- a/src/components/organisms/pupil/quiz/OakQuizPrintableHeader/__snapshots__/OakQuizPrintableHeader.test.tsx.snap
+++ b/src/components/organisms/pupil/quiz/OakQuizPrintableHeader/__snapshots__/OakQuizPrintableHeader.test.tsx.snap
@@ -206,7 +206,7 @@ exports[`OakQuizPrintableHeader matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/science.svg"
+ src="svgs/subject-icons/science.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap b/src/components/organisms/shared/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap
index c296c962..d92ad80b 100644
--- a/src/components/organisms/shared/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap
+++ b/src/components/organisms/shared/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap
@@ -654,7 +654,7 @@ exports[`OakHeaderHero matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699887218/ui-graphics/loopdown.svg"
+ src="svgs/ui-graphics/loopdown.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakHomepageTabButton/__snapshots__/OakHomepageTabButton.test.tsx.snap b/src/components/organisms/shared/OakHomepageTabButton/__snapshots__/OakHomepageTabButton.test.tsx.snap
index ffe6da44..d2714172 100644
--- a/src/components/organisms/shared/OakHomepageTabButton/__snapshots__/OakHomepageTabButton.test.tsx.snap
+++ b/src/components/organisms/shared/OakHomepageTabButton/__snapshots__/OakHomepageTabButton.test.tsx.snap
@@ -234,7 +234,7 @@ exports[`OakHomepageTabButton component matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1725896980/homepage/robot_waving_malpc3.svg"
+ src="svgs/homepage/homepage-robot-waving.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakMediaClipList/__snapshots__/OakMediaClipList.test.tsx.snap b/src/components/organisms/shared/OakMediaClipList/__snapshots__/OakMediaClipList.test.tsx.snap
index 5a9562dd..386f910f 100644
--- a/src/components/organisms/shared/OakMediaClipList/__snapshots__/OakMediaClipList.test.tsx.snap
+++ b/src/components/organisms/shared/OakMediaClipList/__snapshots__/OakMediaClipList.test.tsx.snap
@@ -354,7 +354,7 @@ exports[`OakMediaClipList matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakMediaClipStackListItem/__snapshots__/OakMediaClipStackListItem.test.tsx.snap b/src/components/organisms/shared/OakMediaClipStackListItem/__snapshots__/OakMediaClipStackListItem.test.tsx.snap
index 57fc701b..ce519cb3 100644
--- a/src/components/organisms/shared/OakMediaClipStackListItem/__snapshots__/OakMediaClipStackListItem.test.tsx.snap
+++ b/src/components/organisms/shared/OakMediaClipStackListItem/__snapshots__/OakMediaClipStackListItem.test.tsx.snap
@@ -318,7 +318,7 @@ exports[`OakMediaClipStackListItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1732099511/icons/g1xehzuhjnb0xeftmdno.svg"
+ src="svgs/icons/play.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakPagination/__snapshots__/OakPagination.test.tsx.snap b/src/components/organisms/shared/OakPagination/__snapshots__/OakPagination.test.tsx.snap
index 38d07ae9..9d8bc1a0 100644
--- a/src/components/organisms/shared/OakPagination/__snapshots__/OakPagination.test.tsx.snap
+++ b/src/components/organisms/shared/OakPagination/__snapshots__/OakPagination.test.tsx.snap
@@ -274,7 +274,7 @@ exports[`OakPagination Component matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg"
+ src="svgs/icons/chevron-left.svg"
style={
{
"bottom": 0,
@@ -456,7 +456,7 @@ exports[`OakPagination Component matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakVideoTranscript/__snapshots__/OakVideoTranscript.test.tsx.snap b/src/components/organisms/shared/OakVideoTranscript/__snapshots__/OakVideoTranscript.test.tsx.snap
index bdd60755..d278157b 100644
--- a/src/components/organisms/shared/OakVideoTranscript/__snapshots__/OakVideoTranscript.test.tsx.snap
+++ b/src/components/organisms/shared/OakVideoTranscript/__snapshots__/OakVideoTranscript.test.tsx.snap
@@ -236,7 +236,7 @@ exports[`OakVideoTranscript matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1699953557/icons/botfld6brychmttwtv6u.svg"
+ src="svgs/icons/chevron-down.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/Oakinfo/__snapshots__/OakInfo.test.tsx.snap b/src/components/organisms/shared/Oakinfo/__snapshots__/OakInfo.test.tsx.snap
index 3573797e..c16a71e0 100644
--- a/src/components/organisms/shared/Oakinfo/__snapshots__/OakInfo.test.tsx.snap
+++ b/src/components/organisms/shared/Oakinfo/__snapshots__/OakInfo.test.tsx.snap
@@ -222,7 +222,7 @@ exports[`OakInfo matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
+ src="svgs/icons/info.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/shared/OakinfoButton/__snapshots__/OakInfoButton.test.tsx.snap b/src/components/organisms/shared/OakinfoButton/__snapshots__/OakInfoButton.test.tsx.snap
index 52e356dc..efee1b8f 100644
--- a/src/components/organisms/shared/OakinfoButton/__snapshots__/OakInfoButton.test.tsx.snap
+++ b/src/components/organisms/shared/OakinfoButton/__snapshots__/OakInfoButton.test.tsx.snap
@@ -204,7 +204,7 @@ exports[`OakInfoButton matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1709052869/icons/Icon_Info_vsx3xi.svg"
+ src="svgs/icons/info.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/teacher/OakSearchFilterCheckBox/__snapshots__/OaKSearchFilterCheckBox.test.tsx.snap b/src/components/organisms/teacher/OakSearchFilterCheckBox/__snapshots__/OaKSearchFilterCheckBox.test.tsx.snap
index ae9cf250..e11a0004 100644
--- a/src/components/organisms/teacher/OakSearchFilterCheckBox/__snapshots__/OaKSearchFilterCheckBox.test.tsx.snap
+++ b/src/components/organisms/teacher/OakSearchFilterCheckBox/__snapshots__/OaKSearchFilterCheckBox.test.tsx.snap
@@ -187,7 +187,7 @@ exports[`OakSearchFilterCheckBox matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/subject-icons/history.svg"
+ src="svgs/subject-icons/history.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/teacher/OakUnitListItem/__snapshots__/OakUnitListItem.test.tsx.snap b/src/components/organisms/teacher/OakUnitListItem/__snapshots__/OakUnitListItem.test.tsx.snap
index 10c8c0a0..0c181c83 100644
--- a/src/components/organisms/teacher/OakUnitListItem/__snapshots__/OakUnitListItem.test.tsx.snap
+++ b/src/components/organisms/teacher/OakUnitListItem/__snapshots__/OakUnitListItem.test.tsx.snap
@@ -324,7 +324,7 @@ exports[`OakUnitListItem matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/teacher/OakUnitListOptionalityItemCard/__snapshots__/OakUnitListOptionalityItemCard.test.tsx.snap b/src/components/organisms/teacher/OakUnitListOptionalityItemCard/__snapshots__/OakUnitListOptionalityItemCard.test.tsx.snap
index 9e70dfc4..d759b2e0 100644
--- a/src/components/organisms/teacher/OakUnitListOptionalityItemCard/__snapshots__/OakUnitListOptionalityItemCard.test.tsx.snap
+++ b/src/components/organisms/teacher/OakUnitListOptionalityItemCard/__snapshots__/OakUnitListOptionalityItemCard.test.tsx.snap
@@ -163,7 +163,7 @@ exports[`OakUnitListOptionalityItemCard matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/teacher/OakUnitsContainer/__snapshots__/OakUnitsContainer.test.tsx.snap b/src/components/organisms/teacher/OakUnitsContainer/__snapshots__/OakUnitsContainer.test.tsx.snap
index bc8c4b94..17a38f0b 100644
--- a/src/components/organisms/teacher/OakUnitsContainer/__snapshots__/OakUnitsContainer.test.tsx.snap
+++ b/src/components/organisms/teacher/OakUnitsContainer/__snapshots__/OakUnitsContainer.test.tsx.snap
@@ -490,7 +490,7 @@ exports[`OakUnitsContainer matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/components/organisms/teacher/OakUnitsHeader/__snapshots__/OakUnitsHeader.test.tsx.snap b/src/components/organisms/teacher/OakUnitsHeader/__snapshots__/OakUnitsHeader.test.tsx.snap
index fb35eb4a..a1512e0f 100644
--- a/src/components/organisms/teacher/OakUnitsHeader/__snapshots__/OakUnitsHeader.test.tsx.snap
+++ b/src/components/organisms/teacher/OakUnitsHeader/__snapshots__/OakUnitsHeader.test.tsx.snap
@@ -442,7 +442,7 @@ exports[`OakUnitsHeader matches snapshot 1`] = `
loading="lazy"
onError={[Function]}
onLoad={[Function]}
- src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1707752509/icons/vk9xxxhnsltsickom6q9.svg"
+ src="svgs/icons/chevron-right.svg"
style={
{
"bottom": 0,
diff --git a/src/image-map.ts b/src/image-map.ts
index de27c5bc..cf37c76f 100644
--- a/src/image-map.ts
+++ b/src/image-map.ts
@@ -1,66 +1,66 @@
export const icons = {
- "question-mark": "v1706872277/icons/question-mark.svg",
- home: "v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",
- send: "v1699893673/icons/rmvytilpjgvh3pgwc8ph.svg",
- rocket: "v1699894015/icons/u26xm5hteot875ozfnk9.svg",
- edit: "v1699894149/icons/qxlunbg5tfrdherzsvlt.svg",
- expand: "v1730982187/Icon_Expand_arrktl.svg",
- minimise: "v1730982213/Icon_Minimise_btcdbz.svg",
- hamburger: "v1699895123/icons/jaqdnomtbhqvjcap962u.svg",
- cross: "v1699895179/icons/xigimrbivcaxt4omxamp.svg",
- copy: "v1727861316/icons/Icon_Copy_qxgynv.svg",
- bell: "v1699895207/icons/ecejtvqerx81prxyxh9b.svg",
- twitter: "v1699895251/icons/bq6a50xtkvnzhltfggzz.svg",
- worksheet: "v1699895300/icons/ez1s6mtpe5jkunnxzvlw.svg",
- facebook: "v1699895330/icons/iojlvh3o5lshy2jupyph.svg",
- share: "v1699895363/icons/agcmduftef3wcla6gzec.svg",
- "arrow-right": "v1707149070/icons/fv0z57zerrioft52dd9n.svg",
- "arrow-down": "v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",
- "arrow-left": "v1707149179/icons/ejrm9dpgpzb7ddbo8z2i.svg",
- "arrow-up": "v1699954152/icons/arrow-up.svg",
- "worksheet-3": "v1699895429/icons/bzhojpjxp9rukdvh7daz.svg",
- "chevron-right": "v1707752509/icons/vk9xxxhnsltsickom6q9.svg",
- save: "v1699895505/icons/rh1ahwwtbemvz0ihluew.svg",
- success: "v1699895534/icons/Icon-Success_aiiprx",
- error: "v1699895534/icons/Icon-Error_r25aza.svg",
- filter: "v1727783280/icons/Icon_Filter_eitb2p.svg",
- "quiz-3": "v1699895534/icons/zoayhgtrotv32fad7d3k.svg",
- "chevron-down": "v1699953557/icons/botfld6brychmttwtv6u.svg",
- linkedin: "v1699953592/icons/leqneklorqqzb1zo6rf1.svg",
- "magic-carpet": "v1699953622/icons/jifivg9xxm7sb0fjdilm.svg",
- books: "v1699953657/icons/hz4l3iq6i68kazvkvorq.svg",
- "supervision-level": "v1699953696/icons/cwqhknapp3maa4g0t3lj.svg",
- "quiz-white": "v1699953730/icons/gpcehpgr9mqoumsa25xe.svg",
- "additional-material": "v1699953798/icons/ntoq4tqvcm2uj1pajubt.svg",
- "slide-deck-3": "v1699953830/icons/sm92moja9d5utu3cj16c.svg",
- "sign-language": "v1699953861/icons/ns94ozvozzi22enxkx0x.svg",
- external: "v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg",
- "equipment-required": "v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg",
- "chevron-left": "v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg",
- download: "v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",
- search: "v1704901279/icons/canbi3fuz5fanzom2hvi.svg",
- "chevron-up": "v1699954058/icons/pay71thmhhylj7z28sj1.svg",
- go: "v1699954090/icons/vdzptyvmitylra8x4usy.svg",
- copyright: "v1699954118/icons/boiod3rflocgsnfokyo8.svg",
- project: "v1699954186/icons/zofq5pheud6spnwjpewk.svg",
- "slide-deck": "v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg",
- "content-guidance": "v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",
- tick: "v1699954310/icons/efd3esaor6zqk7seh6kt.svg",
- instagram: "v1699954343/icons/ayfeljric0kkimdymvva.svg",
- dot: "v1699954371/icons/knykdclphkm8lgff4u2g.svg",
- "dot-png": "v1699954394/icons/qecbh291nzwmhcvqayqd.png",
- warning: "v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg",
- "lightbulb-yellow": "v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",
- lightbulb: "v1705078631/icons/zldisxmbff36z68rwcef.svg",
- quiz: "v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",
- video: "v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",
- intro: "v1705662092/icons/pl7bnmb13txese9yxkjv.svg",
- loopdown: "v1699887218/ui-graphics/loopdown.svg",
+ "question-mark": "icons/question-mark.svg",
+ home: "icons/home.svg",
+ send: "icons/send.svg",
+ rocket: "icons/rocket.svg",
+ edit: "icons/edit.svg",
+ expand: "icons/expand.svg",
+ minimise: "icons/minimise.svg",
+ hamburger: "icons/hamburger.svg",
+ cross: "icons/cross.svg",
+ copy: "icons/copy.svg",
+ bell: "icons/bell.svg",
+ twitter: "icons/twitter.svg",
+ worksheet: "icons/worksheet.svg",
+ facebook: "icons/facebook.svg",
+ share: "icons/share.svg",
+ "arrow-right": "icons/arrow-right.svg",
+ "arrow-down": "icons/arrow-down.svg",
+ "arrow-left": "icons/arrow-left.svg",
+ "arrow-up": "icons/arrow-up.svg",
+ "worksheet-3": "icons/worksheet-3.svg",
+ "chevron-right": "icons/chevron-right.svg",
+ save: "icons/save.svg",
+ success: "icons/success.svg",
+ error: "icons/error.svg",
+ filter: "icons/filter.svg",
+ "quiz-3": "icons/quiz-3.svg",
+ "chevron-down": "icons/chevron-down.svg",
+ linkedin: "icons/linkedin.svg",
+ "magic-carpet": "icons/magic-carpet.svg",
+ books: "icons/books.svg",
+ "supervision-level": "icons/supervision-level.svg",
+ "quiz-white": "icons/quiz-white.svg",
+ "additional-material": "icons/additional-material.svg",
+ "slide-deck-3": "icons/slide-deck-3.svg",
+ "sign-language": "icons/sign-language.svg",
+ external: "icons/external.svg",
+ "equipment-required": "icons/equipment-required.svg",
+ "chevron-left": "icons/chevron-left.svg",
+ download: "icons/download.svg",
+ search: "icons/search.svg",
+ "chevron-up": "icons/chevron-up.svg",
+ go: "icons/go.svg",
+ copyright: "icons/copyright.svg",
+ project: "icons/project.svg",
+ "slide-deck": "icons/slide-deck.svg",
+ "content-guidance": "icons/content-guidance.svg",
+ tick: "icons/tick.svg",
+ instagram: "icons/instagram.svg",
+ dot: "icons/dot.svg",
+ "dot-png": "icons/dot-png.png",
+ warning: "icons/warning.svg",
+ "lightbulb-yellow": "icons/lightbulb-yellow.svg",
+ lightbulb: "icons/lightbulb.svg",
+ quiz: "icons/quiz.svg",
+ video: "icons/video.svg",
+ intro: "icons/intro.svg",
+ loopdown: "ui-graphics/loopdown.svg",
"teacher-lesson": "icons/teacher-lesson.svg",
"teacher-unit": "icons/teacher-unit.svg",
- "move-arrows": "v1709052869/icons/hoddjsgpzkszgvnmn91q.svg",
- info: "v1709052869/icons/Icon_Info_vsx3xi.svg",
- play: "v1732099511/icons/g1xehzuhjnb0xeftmdno.svg",
+ "move-arrows": "icons/move-arrows.svg",
+ info: "icons/info.svg",
+ play: "icons/play.svg",
"subject-art": "subject-icons/art.svg",
"subject-biology": "subject-icons/biology.svg",
"subject-chemistry": "subject-icons/chemistry.svg",
@@ -123,12 +123,11 @@ export const icons = {
"subject-understanding-the-world":
"subject-icons/understanding-the-world.svg",
swimming: "subject-icons/swimming.svg",
- "homepage-robot-waving": "v1725896980/homepage/robot_waving_malpc3.svg",
- "homepage-three-pupils": "v1725877472/homepage/image-students_g0jtxe.svg",
- "homepage-teacher": "v1725882091/homepage/teacher-carrying-stuff_gab2ec.svg",
- "homepage-teacher-map": "v1725882279/homepage/teacher-reading-map_glwhyh.svg",
- "audio-clip-large": "teacher-journey/audio_clip.svg",
- "audio-clip-small": "teacher-journey/audio_clip_small.svg",
+ "homepage-robot-waving": "homepage/homepage-robot-waving.svg",
+ "homepage-three-pupils": "homepage/homepage-three-pupils.svg",
+ "homepage-teacher": "homepage/homepage-teacher.svg",
+ "homepage-teacher-map": "homepage/homepage-teacher-map.svg",
+ "audio-clip-small": "teacher-journey/audio-clip-small.svg",
} as const;
export type IconName = keyof typeof icons;
@@ -150,10 +149,3 @@ export const backgrounds = {
} as const;
export type BackgroundName = keyof typeof backgrounds;
-
-export const assets = {
- underline: "v1725550624/underline-1_icqa0u.svg",
- "horizontal-rule": "v1725608698/horizontal-rule_rqdc6c.svg",
-};
-
-export type AssetName = keyof typeof assets;