diff --git a/app/(content)/(user)/help/page.tsx b/app/(content)/(user)/help/page.tsx index 2b0677a8c306075e815e4e25bbdecc5493a1b075..20507e4d951c8e0024eeec737169df1786312ac3 100644 --- a/app/(content)/(user)/help/page.tsx +++ b/app/(content)/(user)/help/page.tsx @@ -1,7 +1,72 @@ -export default function Help() { +import { GlobalLayout } from "@/components/global-layout" +import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" + +export default function HelpPage() { return ( - <div> - <h1>Help Page WIP</h1> - </div> + <GlobalLayout + mainContent={ + <Card> + <CardHeader> + <CardTitle> + Help / FAQ + </CardTitle> + </CardHeader> + <CardContent className="grid gap-1"> + <p className="font-bold">1. How do I create an account?</p> + <p> + To create an account, click on the "Sign Up" button on the homepage. + Fill in the required information and follow the prompts to complete the registration process. + </p> + + <p className="font-bold pt-6">2. How can I reset my password?</p> + <p> + If you forgot your password, go to the login page and click on the "Forgot Password" link. + Enter your email address and follow the instructions sent to your email to reset your password. + </p> + + <p className="font-bold pt-6">3. How can I create a new post?</p> + <p> + To create a new post, you have multiple options depending on where you are on the website. + If you're on the homepage, community page, or your profile page, you'll find a text field where you can write your post. + Once you're done, simply click the "Post" button to publish your content and share it with others. + </p> + + <p className="font-bold pt-6">4. How can I edit or delete my post?</p> + <p> + To edit or delete your post, go to the Home page or your profile page and locate your post. + Depending on the platform, there may be options to edit or delete the post. + Click on the respective option and follow the prompts to make the desired changes. + </p> + + <p className="font-bold pt-6">5. How do I follow a community or user?</p> + <p> + To follow a community or user, visit their profile or community page and look for the "Follow" button. + Click on it, and you'll start receiving updates and notifications from them. + </p> + + <p className="font-bold pt-6">6. How do I customize my profile?</p> + <p> + To customize your profile, go to the settings of your account. + There, you can upload a profile picture, add a bio, update your personal information, and adjust privacy settings according to your preferences. + </p> + + <p className="font-bold pt-6">7. Can I change my username?</p> + <p> + In most cases, you can change your username by going to the account settings. + Look for the option to edit your name and follow the provided instructions to make the change. + </p> + + <p className="font-bold pt-6"> 8. How do I delete my account?</p> + <p> + If you wish to delete your account, go to the account settings “Account Settings†section and look for the option to delete your account. + Follow the provided steps and confirm your decision to permanently delete your account. Please note that this action is irreversible and will result in the loss of all associated data. + </p> + </CardContent> + <CardFooter className="flex flex-wrap items-center justify-between pt-6"> + Remember, if you have any further questions or need additional assistance, feel free to reach out to our support team. + </CardFooter> + </Card> + } + /> ) } \ No newline at end of file diff --git a/components/nav-mobile-sheet.tsx b/components/nav-mobile-sheet.tsx index d30f5d49aa1220147a942060d94252a018511405..9d7541f0b1f28fee00bbda99e9794b7c737611ba 100644 --- a/components/nav-mobile-sheet.tsx +++ b/components/nav-mobile-sheet.tsx @@ -75,6 +75,10 @@ export const MobileSheet = ({ user }: { user: User | undefined }) => { Sign out </Button> + <SheetClose asChild> + <Link href="/help" className="text-sm text-muted-foreground">Help / FAQ</Link> + </SheetClose> + <ModeToggle /> </div> </div> diff --git a/components/nav-mobile.tsx b/components/nav-mobile.tsx index 2b2f0ae1c52d5b8b7842744a9da58fe4607b47ec..2196f5bdc9681c9666152f85cee1ffdbdb3fa85a 100644 --- a/components/nav-mobile.tsx +++ b/components/nav-mobile.tsx @@ -23,6 +23,12 @@ export const MobileNav = ({ items, user }: { items: SidebarNavItem[], user: User if (item.title === "My Profile") { item.href = `/${user?.username}` } + if (item.title === "Settings") { + return + } + if (item.title === "Help") { + return + } return ( item.href && ( <Link key={index} href={item.disabled ? "/" : item.href} className="inline-flex items-center justify-center w-full h-full"> diff --git a/lib/config/dashboard.ts b/lib/config/dashboard.ts index 0770e27e67ab92494f0b0cf10d61016b7885f684..8f3fda31561e902c4f26c3edc10340460d1b9f3b 100644 --- a/lib/config/dashboard.ts +++ b/lib/config/dashboard.ts @@ -37,10 +37,10 @@ export const dashboardConfig: DashboardConfig = { // href: "/settings", // icon: "settings", // }, - // { - // title: "Help", - // href: "/help", - // icon: "help", - // }, + { + title: "Help / FAQ", + href: "/help", + icon: "help", + }, ], } \ No newline at end of file