From 821747b23fe6f8367c0f44568c9fada33659f8ca Mon Sep 17 00:00:00 2001 From: Anushka Chouhan Date: Sun, 10 Nov 2024 15:48:35 +0530 Subject: [PATCH] Update faq --- app/faq/page.tsx | 141 ++++++++++++++--------------------------------- 1 file changed, 41 insertions(+), 100 deletions(-) diff --git a/app/faq/page.tsx b/app/faq/page.tsx index 103c903..cd072c9 100644 --- a/app/faq/page.tsx +++ b/app/faq/page.tsx @@ -1,117 +1,58 @@ "use client"; -import { Bold } from "lucide-react"; -import { useRouter } from "next/router"; import React, { useState } from 'react'; -import Image from 'next/image'; +import { Plus, Minus } from "lucide-react"; const Faq: React.FC = () => { const [activeIndex, setActiveIndex] = useState(null); + const toggleAccordion = (index: number) => { setActiveIndex(activeIndex === index ? null : index); }; + const faqData = [ + { question: "What is Git-trace?", answer: "Git-trace is an open-source tool that allows users to view and bookmark GitHub repositories and issues, making it easier to keep track of projects." }, + { question: "What features does Git-trace offer?", answer: "Git-trace allows you to search for repositories, view issues related to those repositories, and bookmark important repositories and issues for quick access." }, + { question: "What technology stack is used for Git-trace?", answer: "Git-trace uses Next.js and React for the frontend, while the backend utilizes GitHub's API for data retrieval, along with Prisma and Neon DB for data management." }, + { question: "How do I search for repositories on Git-trace?", answer: "You can search for repositories by entering the owner's name and the repository's name in the search bar." }, + { question: "How can I bookmark repositories and issues?", answer: "After viewing a repository or issue, you can use the bookmarking feature to save it for easy access later." }, + { question: "What should I do if I encounter issues while using Git-trace?", answer: "You can report any issues on the GitHub repository, where maintainers and the community can assist you." }, + { question: "Can I use Git-trace without installing it locally?", answer: "Yes, you can access Git-trace directly through the web at git-trace.vercel.com." }, + ]; + return ( -
+

Frequently Asked Questions
-
- - {activeIndex === 1 && ( -
- Git-trace is an open-source tool that allows users to view and bookmark GitHub repositories and issues, making it easier to keep track of projects. -
- )} -
-
- -
- - {activeIndex === 2 && ( -
- Git-trace allows you to search for repositories, view issues related to those repositories, and bookmark important repositories and issues for quick access. -
- )} -
-
- -
- - {activeIndex === 3 && ( -
- Git-trace uses Next.js and React for the frontend, while the backend utilizes GitHub's API for data retrieval, along with Prisma and Neon DB for data management. -
- )} -
-
- -
- - {activeIndex === 4 && ( -
- You can search for repositories by entering the owner's name and the repository's name in the search bar. -
- )} -
-
- -
- - {activeIndex === 5 && ( -
- After viewing a repository or issue, you can use the bookmarking feature to save it for easy access later. -
- )} -
-
- -
- - {activeIndex === 6 && ( -
- You can report any issues on the GitHub repository, where maintainers and the community can assist you. -
- )} -
-
- -
- - {activeIndex === 7 && ( -
- Yes, you can access Git-trace directly through the web at git-trace.vercel.com. -
- )} -
+ {faqData.map((item, index) => ( +
+ + {activeIndex === index && ( +
+ {item.answer} +
+ )} +
+ ))}
);