diff --git a/apps/namadillo/src/App/AppRoutes.tsx b/apps/namadillo/src/App/AppRoutes.tsx index 0237345644..c74d1508d9 100644 --- a/apps/namadillo/src/App/AppRoutes.tsx +++ b/apps/namadillo/src/App/AppRoutes.tsx @@ -12,6 +12,7 @@ import { import { AccountOverview } from "./AccountOverview"; import { App } from "./App"; import { BugReport } from "./Common/BugReport"; +import { FAQ } from "./Common/FAQ"; import { NotFound } from "./Common/NotFound"; import { RouteErrorBoundary } from "./Common/RouteErrorBoundary"; import { ShieldAssetsModal } from "./Common/ShieldAssetsModal"; @@ -134,6 +135,7 @@ export const MainRoutes = (): JSX.Element => { )} {/* Other */} + } /> } /> } /> diff --git a/apps/namadillo/src/App/Common/FAQ.tsx b/apps/namadillo/src/App/Common/FAQ.tsx new file mode 100644 index 0000000000..9c87718be6 --- /dev/null +++ b/apps/namadillo/src/App/Common/FAQ.tsx @@ -0,0 +1,177 @@ +import { Panel } from "@namada/components"; + +export const FAQ = (): JSX.Element => { + const faqItems = [ + { + question: "What software versions do I need?", + answer: ( + <> +

To use Namadillo properly, ensure you have:

+ + + ), + }, + { + question: "How do I check if my software is up to date?", + answer: ( + <> +

Follow these steps to verify your software versions:

+ + + ), + }, + { + question: "Ledger troubleshooting - Connection issues", + answer: ( + <> +

If you're having trouble connecting your Ledger device:

+ + + ), + }, + { + question: "Ledger troubleshooting - Transaction signing", + answer: ( + <> +

If transactions aren't signing properly with Ledger:

+ + + ), + }, + { + question: "Common sync and loading issues", + answer: ( + <> +

If Namadillo is not loading properly or sync is slow:

+ + + ), + }, + { + question: "Transaction failures and errors", + answer: ( + <> +

If your transactions are failing:

+ + + ), + }, + { + question: "MASP (Privacy) related issues", + answer: ( + <> +

If you're having issues with shielded transactions:

+ + + ), + }, + ]; + + return ( + +
+
+

+ Frequently Asked Questions +

+

+ Common troubleshooting steps and solutions for using Namadillo. If + you don't find your answer here, try our community help or file + a bug report. +

+
+ +
+ {faqItems.map((item, index) => ( +
+

+ {item.question} +

+
+ {item.answer} +
+
+ ))} +
+ +
+

+ Still need help? +

+

+ If you couldn't find the answer to your question, you can: +

+
    +
  • Ask for help in our Discord community
  • +
  • Report a bug if you think something is broken
  • +
  • Check the official Namada documentation
  • +
+
+
+
+ ); +}; diff --git a/apps/namadillo/src/App/Layout/Navigation.tsx b/apps/namadillo/src/App/Layout/Navigation.tsx index 21e6230e82..265ccd8379 100644 --- a/apps/namadillo/src/App/Layout/Navigation.tsx +++ b/apps/namadillo/src/App/Layout/Navigation.tsx @@ -4,7 +4,7 @@ import { applicationFeaturesAtom } from "atoms/settings"; import { useAtomValue } from "jotai"; import { AiFillHome } from "react-icons/ai"; import { BsDiscord, BsTwitterX } from "react-icons/bs"; -import { FaVoteYea } from "react-icons/fa"; +import { FaQuestionCircle, FaVoteYea } from "react-icons/fa"; import { FaBug } from "react-icons/fa6"; import { GoHistory, GoStack } from "react-icons/go"; import { IoSwapHorizontal } from "react-icons/io5"; @@ -68,6 +68,15 @@ export const Navigation = (): JSX.Element => {