diff --git a/frontend/src/api_data/creditsIconData.ts b/frontend/src/api_data/creditsIconData.ts
index 637bc571..f5c54e9a 100644
--- a/frontend/src/api_data/creditsIconData.ts
+++ b/frontend/src/api_data/creditsIconData.ts
@@ -2,13 +2,19 @@
import {
iconArrowDown,
iconArrowLeft,
- iconCheckMarkDark,
+ iconCheckMark,
iconDropdownDown,
iconDropdownUp,
iconHamburgerMenu,
iconPlus,
iconSearch,
iconX,
+ iconFilter,
+ iconClipboard,
+ iconCarouselDots,
+ iconChevronLeft,
+ iconChevronRight,
+ iconMinus,
} from "assets/images/images";
interface iconDatum {
@@ -69,23 +75,22 @@ const iconData: iconDatum[] = [
provider: "Majesticons",
link: "https://www.majesticons.com/",
},
- // // Commented out icon info shown on Figma design but not yet used in MVP
- // {
- // id: 7,
- // imgSrc: ,
- // name: "Chevron left",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
- // {
- // id: 8,
- // imgSrc: ,
- // name: "Chevron right",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
+ {
+ id: 7,
+ imgSrc: iconChevronLeft,
+ name: "Chevron left",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
+ {
+ id: 8,
+ imgSrc: iconChevronRight,
+ name: "Chevron right",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
{
id: 9,
imgSrc: iconSearch,
@@ -94,30 +99,30 @@ const iconData: iconDatum[] = [
provider: "Majesticons",
link: "https://www.majesticons.com/",
},
- // {
- // id: 10,
- // imgSrc: iconCarouselSvg,
- // name: "Carousel dot",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
+ {
+ id: 10,
+ imgSrc: iconCarouselDots,
+ name: "Carousel dot",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
{
id: 11,
- imgSrc: iconCheckMarkDark,
+ imgSrc: iconCheckMark,
name: "Check line",
usedIn: "How to Join",
provider: "Majesticons",
link: "https://www.majesticons.com/",
},
- // {
- // id: 12,
- // imgSrc: iconMinusSvg,
- // name: "Minus line",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
+ {
+ id: 12,
+ imgSrc: iconMinus,
+ name: "Minus line",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
{
id: 13,
imgSrc: iconPlus,
@@ -126,22 +131,22 @@ const iconData: iconDatum[] = [
provider: "Majesticons",
link: "https://www.majesticons.com/",
},
- // {
- // id: 14,
- // imgSrc: iconClipboardSvg,
- // name: "Clipboard check",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
- // {
- // id: 15,
- // imgSrc: iconFilterSvg,
- // name: "Filter line",
- // usedIn: "How to Join",
- // provider: "Majesticons",
- // link: "https://www.majesticons.com/",
- // },
+ {
+ id: 14,
+ imgSrc: iconClipboard,
+ name: "Clipboard check",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
+ {
+ id: 15,
+ imgSrc: iconFilter,
+ name: "Filter line",
+ usedIn: "How to Join",
+ provider: "Majesticons",
+ link: "https://www.majesticons.com/",
+ },
];
export { iconDatum, iconData };
diff --git a/frontend/src/api_data/creditsIllustrationData.ts b/frontend/src/api_data/creditsIllustrationData.ts
index 1a35da1e..e173ad36 100644
--- a/frontend/src/api_data/creditsIllustrationData.ts
+++ b/frontend/src/api_data/creditsIllustrationData.ts
@@ -1,10 +1,15 @@
// data that will be used for credits page
import {
creditsPageHighFive,
+ digitalPresentation,
landingPageCreativeTeam,
loginIllustration,
notFoundPageImg,
+ onboarding,
privacyPolicyIllustration,
+ signup,
+ teamPage,
+ teamSpirit,
} from "assets/images/images";
interface illustrationDatum {
@@ -18,30 +23,30 @@ interface illustrationDatum {
const illustrationData: illustrationDatum[] = [
// // Commented out illustration info shown on Figma design but not yet used in MVP
- // {
- // id: 1,
- // imgSrc: illustrationTeamPageSvg,
- // name: "Team Page",
- // usedIn: "How to Join",
- // provider: "Storyset",
- // link: "https://storyset.com/illustration/team-page/pana",
- // },
- // {
- // id: 2,
- // imgSrc: illustrationOnboardingSvg,
- // name: "Onboarding",
- // usedIn: "How to Join",
- // provider: "Storyset",
- // link: "https://storyset.com/illustration/onboarding/pana",
- // },
- // {
- // id: 3,
- // imgSrc: illustrationDigitalPresentationSvg,
- // name: "Digital Presentation",
- // usedIn: "How to Join",
- // provider: "Storyset",
- // link: "https://storyset.com/",
- // },
+ {
+ id: 1,
+ imgSrc: teamPage,
+ name: "Team Page",
+ usedIn: "How to Join",
+ provider: "Storyset",
+ link: "https://storyset.com/illustration/team-page/pana",
+ },
+ {
+ id: 2,
+ imgSrc: onboarding,
+ name: "Onboarding",
+ usedIn: "How to Join",
+ provider: "Storyset",
+ link: "https://storyset.com/illustration/onboarding/pana",
+ },
+ {
+ id: 3,
+ imgSrc: digitalPresentation,
+ name: "Digital Presentation",
+ usedIn: "How to Join",
+ provider: "Storyset",
+ link: "https://storyset.com/",
+ },
// {
// id: 4,
// imgSrc: illustrationSelectSvg,
@@ -50,22 +55,22 @@ const illustrationData: illustrationDatum[] = [
// provider: "Storyset",
// link: "https://storyset.com/illustration/select/pana",
// },
- // {
- // id: 5,
- // imgSrc: illustrationTeamSpiritSvg,
- // name: "Team Spirit",
- // usedIn: "How to Join",
- // provider: "Storyset",
- // link: "https://storyset.com/illustration/team-spirit/pana",
- // },
- // {
- // id: 6,
- // imgSrc: illustrationSignUpSvg,
- // name: "Sign Up",
- // usedIn: "How to Join",
- // provider: "Storyset",
- // link: "https://www.freepik.com/free-vector/sign-up-concept-illustration_20602852.htm#query=signup&position=17&from_view=search&track=sph",
- // },
+ {
+ id: 5,
+ imgSrc: teamSpirit,
+ name: "Team Spirit",
+ usedIn: "How to Join",
+ provider: "Storyset",
+ link: "https://storyset.com/illustration/team-spirit/pana",
+ },
+ {
+ id: 6,
+ imgSrc: signup,
+ name: "Sign Up",
+ usedIn: "How to Join",
+ provider: "Storyset",
+ link: "https://www.freepik.com/free-vector/sign-up-concept-illustration_20602852.htm#query=signup&position=17&from_view=search&track=sph",
+ },
// {
// id: 7,
// imgSrc: illustrationTeamWorkSvg,
diff --git a/frontend/src/assets/images/images.tsx b/frontend/src/assets/images/images.tsx
index 245a4a0b..a8b86130 100644
--- a/frontend/src/assets/images/images.tsx
+++ b/frontend/src/assets/images/images.tsx
@@ -237,7 +237,19 @@ export { default as privacyPolicyIllustration } from "./svgs/privacy-policy-illu
export { default as creditsPageBgTop } from "./svgs/credits-page-bg-top.svg?url";
export { default as creditsPageBgBottom } from "./svgs/credits-page-bg-bottom.svg?url";
export { default as creditsPageHighFive } from "./svgs/credits-page-high-five.svg?url";
+export { default as teamPage } from "./svgs/team-page.svg?url";
+export { default as digitalPresentation } from "./svgs/digital-presentation.svg?url";
+export { default as onboarding } from "./svgs/onboarding.svg?url";
+export { default as teamSpirit } from "./svgs/team-spirit.svg?url";
+export { default as signup } from "./svgs/sign-up.svg?url";
export { default as landingPageCreativeTeam } from "./svgs/landing-page-creative-team.svg?url";
export { default as LandingPageBg } from "./svgs/landing-page-bg.svg?url";
export { default as LandingPageFg } from "./svgs/landing-page-fg.svg?url";
export { default as iconArrowDown } from "./svgs/icons/icon-arrow-down.svg?url";
+export { default as iconFilter } from "./svgs/icons/icon-filter.svg?url";
+export { default as iconCarouselDots } from "./svgs/icons/icon-carousel-dots.svg?url";
+export { default as iconClipboard } from "./svgs/icons/icon-clipboard.svg?url";
+export { default as iconMinus } from "./svgs/icons/icon-minus.svg?url";
+export { default as iconChevronLeft } from "./svgs/icons/icon-chevron-left.svg?url";
+export { default as iconChevronRight } from "./svgs/icons/icon-chevron-right.svg?url";
+export { default as iconCheckmark } from "./svgs/icons/icon-checkmark.svg?url";
diff --git a/frontend/src/assets/images/svgs/digital-presentation.svg b/frontend/src/assets/images/svgs/digital-presentation.svg
new file mode 100644
index 00000000..f8f3e1c8
--- /dev/null
+++ b/frontend/src/assets/images/svgs/digital-presentation.svg
@@ -0,0 +1,108 @@
+
diff --git a/frontend/src/assets/images/svgs/icons/icon-arrow-down.svg b/frontend/src/assets/images/svgs/icons/icon-arrow-down.svg
index 2bf8da04..6bccd902 100644
--- a/frontend/src/assets/images/svgs/icons/icon-arrow-down.svg
+++ b/frontend/src/assets/images/svgs/icons/icon-arrow-down.svg
@@ -1,3 +1,3 @@
-