diff --git a/src/components/Wallet/index.tsx b/src/components/Wallet/index.tsx
index 6532c9f37..6e3172a2b 100644
--- a/src/components/Wallet/index.tsx
+++ b/src/components/Wallet/index.tsx
@@ -1,4 +1,11 @@
-import walletContent from '@/content/wallet.json'
+import type { InferGetStaticPropsType } from 'next'
import PageContent from '../common/PageContent'
+import type { getStaticProps } from '@/pages/wallet'
+import walletContent from '@/content/wallet.json'
+import FaqContentContext from '@/contexts/FaqContentContext'
-export const Wallet = () =>
+export const Wallet = ({ pageData }: InferGetStaticPropsType) => (
+
+
+
+)
diff --git a/src/components/commonCMS/Faq/index.tsx b/src/components/commonCMS/Faq/index.tsx
index 92d8d96e9..81fb90217 100644
--- a/src/components/commonCMS/Faq/index.tsx
+++ b/src/components/commonCMS/Faq/index.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useContext, useState } from 'react'
import {
Accordion,
AccordionDetails,
@@ -15,9 +15,12 @@ import RichText from '@/components/common/RichText'
import { type BaseBlockEntry } from '@/config/types'
import layoutCss from '@/components/common/styles.module.css'
import css from './styles.module.css'
+import FaqContentContext from '@/contexts/FaqContentContext'
const Faq = (props: BaseBlockEntry) => {
- const { title, items } = props.fields
+ const contextProps = useContext(FaqContentContext)
+
+ const { title, items } = contextProps?.faqContent?.fields || props.fields
// Tracks which accordion is open
const [openMap, setOpenMap] = useState>()
@@ -54,12 +57,7 @@ const Faq = (props: BaseBlockEntry) => {
disableGutters
square
>
- : }
- onClick={() => {
- !expanded
- }}
- >
+ : }>
diff --git a/src/content/wallet.json b/src/content/wallet.json
index a142a43b3..f909cba13 100644
--- a/src/content/wallet.json
+++ b/src/content/wallet.json
@@ -211,6 +211,9 @@
}
]
},
+ {
+ "component": "commonCMS/Faq"
+ },
{
"title": "Introducing
Native Swaps",
"caption": "New feature",
diff --git a/src/contexts/FaqContentContext.ts b/src/contexts/FaqContentContext.ts
new file mode 100644
index 000000000..226b84dd9
--- /dev/null
+++ b/src/contexts/FaqContentContext.ts
@@ -0,0 +1,10 @@
+import { createContext } from 'react'
+import type { BaseBlockEntry } from '@/config/types'
+
+const FaqContentContext = createContext<{
+ faqContent: BaseBlockEntry | null
+}>({
+ faqContent: null,
+})
+
+export default FaqContentContext
diff --git a/src/pages/wallet.tsx b/src/pages/wallet.tsx
index b47d71c33..750d849a7 100644
--- a/src/pages/wallet.tsx
+++ b/src/pages/wallet.tsx
@@ -1,6 +1,16 @@
-import type { NextPage } from 'next'
+import type { InferGetStaticPropsType, NextPage } from 'next'
+import client from '@/lib/contentful'
import { Wallet } from '@/components/Wallet'
+import type { TypeBaseBlockSkeleton } from '@/contentful/types'
-const WalletPage: NextPage = () =>
+const FAQ_CONTENT_TYPE_ID = '1jCIVFDUzFO1okK8b6TTxS'
+
+const WalletPage: NextPage> = (props) =>
+
+export async function getStaticProps() {
+ const faqContent = await client.getEntry(FAQ_CONTENT_TYPE_ID)
+
+ return { props: { pageData: { faqContent } } }
+}
export default WalletPage